-
AuthorPosts
-
August 24, 2019 at 5:57 pm #1130632
Hello everyone
For example, on my homepage I have a white writing on a background of a city.
If I add in the box special title this csstext-shadow: -4px 1px 7px rgba(0,0,0,0.65);
I also tried this code#top #wrap_all .av-inherit-size .av-special-heading-tag {font-size:1em;text-shadow:rgba(0, 0, 0, 0.65) -4px 1px 7px;}
and I purge the cache but nothing changes..What code should I put in?
Best regards
Giusepe Beghelli- This topic was modified 5 years, 4 months ago by elquenosabenada.
August 24, 2019 at 9:49 pm #1130648Hey Giuseppe,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.home h3.av-special-heading-tag strong { text-shadow: -4px 1px 7px rgba(0,0,0,0.65); }
it is hard to see but it is there, Please see the screenshot in Private Content area.
Perhaps another idea is to add a background box behind the white text:
#top.home #av_section_2 > div.av-section-color-overlay-wrap > div.container > div > div > div > div.flex_column.av_three_fifth { border-radius: 10px !important; background-color: rgba(0,0,0,.5); padding: 20px; }
Please see the second screenshot in Private Content area.
I hope this helps.Best regards,
MikeAugust 24, 2019 at 10:24 pm #1130654Hi Mike thanks for the answer
I activated in Layout builder > Show element options for developers and I thought to put the code inside the custom code box in the Special Heading object but it doesn’t work
I didn’t want to put a code that affects the entire site
Is it possible to do this?
Meanwhile I did as you said in wordpress customization and it works
Best regards
Giuseppe Beghelli- This reply was modified 5 years, 4 months ago by elquenosabenada.
August 25, 2019 at 1:28 am #1130666Hi,
Glad to hear that this helped, I typically write the css to affect only one section, in this case, the code will only work on your special heading on your home page, I thought there was only one there, but if you add a custom class in your element options for developers for the special heading, such as “elqu” then you can add it to the css like this:#top.home h3.av-special-heading-tag.elqu strong { text-shadow: -4px 1px 7px rgba(0,0,0,0.65); }
Please note that the element options for developers field should only contain one word that will become the “class”, and not the actual css.
If the above tip doesn’t work, please add your one-word “class” to the special heading “element options for developers” field in the element, and I will examine your page and give your the correct css.
Also please include a link to your site in the Private Content area, so I don’t have to look it up again.Best regards,
MikeAugust 25, 2019 at 6:40 am #1130714Thanks again Mike for your support
I’ve done a lot of testing on different browsers, and if I putting the code inside the object doesn’t work at all, putting it in the quick css works only on opera browser while if putting it inside the wordpress css works on all browsers. All this is strange but it’s like this.
Honestly, Mike, I understand less and less, or maybe I’ve never understood anything.
For example, in the page chi-siamo at the bottom there are 4 icons and it is enough that he modifies a word or a link that disappears all of me. I had to recreate them all with great difficulty because they kept disappearing. I use a child theme and if I make a change in his css nothing appears. It’s becoming a mystery that maybe one day I’ll be able to understand.
Thank you very much
Best regards
Giuseppe Beghelli- This reply was modified 5 years, 4 months ago by elquenosabenada.
August 26, 2019 at 3:41 am #1130820Hi,
Thanks for the feedback, The css is working for be in Chrome, but I now see that it is not working in Firefox or Edge.
When you say that if you add the css to WordPress > Customize > Additional CSS it leads me to think that you have an error somewhere in your css. Please include an admin login in the Private Content area so we can investigate further.Best regards,
MikeAugust 26, 2019 at 5:31 am #1130848I see that it works on all browsers, It doesn’t matter
Only in firefox does not appear at the bottom Facebook but he always did it from the beginning.
thanks
Best regards
Giuseppe Beghelli- This reply was modified 5 years, 4 months ago by elquenosabenada.
August 26, 2019 at 11:04 am #1130905As long as you are styling your page it would be better to deactivate the caching tools (W3 Total Cache) and merging of enfold. So that you can be sure that it is a bug in the settings, and not a caching “bug” that simply presents you with older CSS settings.
i can see the text shadow on all browser i have installed on my mac ( Safari, Chrome, Firefox, Firefox Developer)
August 26, 2019 at 11:47 am #1130917I too can see the text shadow on all the browsers I have installed on my mac (Safari, Chrome, Firefox, Firefox Developer). In fact I have no problem. For me the matter is solved thanks to the support of Mike that I thank
But you Guenni007 how do you know what my site is if you are not a moderator?Best regards
Giuseppe Beghelli- This reply was modified 5 years, 4 months ago by elquenosabenada.
August 26, 2019 at 11:51 am #1130919Hi,
Thanks for helping out @guenni007. Did you get it working on your end @elquenosabenada?
Best regards,
RikardAugust 26, 2019 at 1:08 pm #1130962on your profile ( like me too ) you have filled out the home url.
because if you had in your profile a home url – you have the link on avatar and nick
I didn’t mean to make a secret of it.August 26, 2019 at 1:13 pm #1130964Not at all, was a curiosity that I have now realized was right
best regards
Giuseppe BeghelliAugust 26, 2019 at 1:18 pm #1130965I didn’t want to make a secret of it for myself, and I filled it out consciously.
That goes for me. If you want to handle it differently it is of course ok.August 26, 2019 at 1:26 pm #1130971I repeat, it was just a curiosity.
I have no secret for my site, on the contrary, that many people look at it is only a benefitAugust 27, 2019 at 3:59 am #1131166Hi,
@Guenni007 thank you for your help.
@elquenosabenada I believe you wrote that this thread can be closed, is this correct?Best regards,
MikeAugust 27, 2019 at 5:37 am #1131188Yeah, Mike.
Thanks again
Best regards
Giuseppe BeghelliAugust 27, 2019 at 8:51 pm #1131452Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘text-shadow in an object’ is closed to new replies.