Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #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 css text-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

    #1130648

    Hey 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,
    Mike

    #1130654

    Hi 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

    #1130666

    Hi,
    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,
    Mike

    #1130714

    Thanks 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

    #1130820

    Hi,
    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,
    Mike

    #1130848

    I 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

    #1130905

    As 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)

    #1130917

    I 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

    #1130919

    Hi,

    Thanks for helping out @guenni007. Did you get it working on your end @elquenosabenada?

    Best regards,
    Rikard

    #1130962

    on 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.

    #1130964

    Not at all, was a curiosity that I have now realized was right
    best regards
    Giuseppe Beghelli

    #1130965

    I 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.

    #1130971

    I 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 benefit

    #1131166

    Hi,

    @Guenni007
    thank you for your help.

    @elquenosabenada
    I believe you wrote that this thread can be closed, is this correct?

    Best regards,
    Mike

    #1131188

    Yeah, Mike.
    Thanks again
    Best regards
    Giuseppe Beghelli

    #1131452

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘text-shadow in an object’ is closed to new replies.