Shape 5

Joomla Templates => Eventfull - Club => : jimbondox April 25, 2015, 08:44:00 PM


: iacf shadow around text
: jimbondox April 25, 2015, 08:44:00 PM
It is kind of hard to read on the various backgrounds, can something be added to the text to put a black outer glow around the text?

: Re: iacf shadow around text
: jonahh April 27, 2015, 12:33:10 PM
Hello,

You can add the following to do this and adjust as needed:

:
jdGallery .slideInfoZone .slide_title {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.slide_text {
    display: block;
    font-size: 1.1em;
    margin-bottom: 20px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}


: Re: iacf shadow around text
: jimbondox April 27, 2015, 12:51:26 PM
Thanks. I was wondering is there an html code that can be added to the input field of the module in the backend as if I were to change it for the whole section, when the highlighted background is used then it is all blurry looking.

Thanks

: Re: iacf shadow around text
: mikenicoll April 27, 2015, 05:46:00 PM
Hello,

The code Jonah provided should work for all the fonts by default. If you are worried about the text being readable on various backgrounds I would suggest adding a background to the entire block instead of the text itself.

: Re: iacf shadow around text
: jimbondox April 27, 2015, 09:50:33 PM
Jonah,

where do I add that? or modify it? thanks

: Re: iacf shadow around text
: jonahh April 28, 2015, 11:11:16 AM
You can add it to the bottom of your template.css file

: Re: iacf shadow around text
: jimbondox April 28, 2015, 01:35:43 PM
Thanks! 

: Re: iacf shadow around text
: mikenicoll April 28, 2015, 04:34:37 PM
Let us know if you have any further questions

: Re: iacf shadow around text
: jimbondox June 30, 2015, 01:36:19 PM
I have further questions :)

I want the title to have the effect also. All of this is in the IACF module, so i am hoping not to make the whole site have the effect.

Am I on the right track?

Example: http://www.access1alarm.com/vehicle-specific/aston-martin

: Re: iacf shadow around text
: mikenicoll July 01, 2015, 02:14:59 PM
Hello,

You can apply this text effect to the titles by using the H2 class.
:
.jdGallery .slideInfoZone h2

Just use !important after the text - shadow call to make sure it overrides the default.

Regards,

: Re: iacf shadow around text
: jimbondox July 01, 2015, 07:03:29 PM
got it, that worked well. If i wanted to do that to the main menu. how would i go about it?

: Re: iacf shadow around text
: mikenicoll July 01, 2015, 07:05:38 PM
Hello,

Use this:

:
#s5_nav a {

: Re: iacf shadow around text
: jimbondox July 01, 2015, 07:13:32 PM
LOL where and what? I thought I had to be in a different css file besides template.css

would it be something like

:
#s5_nav a {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}

: Re: iacf shadow around text
: mikenicoll July 01, 2015, 07:18:54 PM
Hello,

Yes that is correct. Your just swapping out the div/class name for the text shadows to apply it to a new element.

Regards,

: Re: iacf shadow around text
: jimbondox July 03, 2015, 09:04:09 AM
Thanks, I got it, but did it in the menu css file vs the template

: Re: iacf shadow around text
: mikenicoll July 03, 2015, 07:13:11 PM
Alright sounds good.

If your adding code do it in the custom.css file though and make a section for the menu within it to organize. This prevents updates from reverting changes back.

Regards,

: Re: iacf shadow around text
: jimbondox July 03, 2015, 09:17:12 PM
great point! thank you

: Re: iacf shadow around text
: mikenicoll July 06, 2015, 11:26:05 AM
NP :)

: Re: iacf shadow around text
: spinfx August 10, 2015, 04:01:24 AM
Hi Mike

I've tried adding the codes you suggested and put them at the end of the template.css file like this:

:
/* Dark Shadow around slide show text */

jdGallery .slideInfoZone .slide_title {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); !important;
}

.slide_text {
    display: block; !important;
    font-size: 1.1em; !important;
    margin-bottom: 20px; !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); !important;
}

.jdGallery .slideInfoZone h2 !important;
	
#s5_nav a {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}


Unfortunately, it makes no difference to the text on the slide show.

Can you please check to see if I have the code correct and if I should put it somewhere other than at the end of the file.

Many thanks, David

: Re: iacf shadow around text
: mikenicoll August 10, 2015, 10:22:32 PM
Hello,

What is the URL?