Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 16, 2019 at 9:26 pm #1101583
    oscarluque

    Greetings,
    I’m trying to add some dropshadow behind my special heading element. I followed this thread but it doesn’t seem to be working.
    https://kriesi.at/support/topic/how-to-add-text-drop-shadow-to-a-tag-such-as-h1/

    I added this code and gave the element and gave the element the class textshadow but it doesn’t seem to be applying

    #textshadow .av-special-heading-tag {
    text-shadow: 0px 0px 5px black !important;
    }

    May 19, 2019 at 2:04 am #1102157
    Mike

    Hey oscarluque,
    This is because the “textshadow” you gave it is a class and not an ID
    Please try this css instead:

    .textshadow .av-special-heading-tag {
text-shadow: 0px 0px 5px black !important;
}

    Best regards,
    Mike

    May 20, 2019 at 7:45 pm #1102556
    oscarluque

    OK, when I add that code it seems to apply to several of my special-headings not just the one I assigned a class. as a test The only element this should apply is the one in the screenshot. Once nailed down I will apply this to a few more sections.

    • This reply was modified 6 years, 1 month ago by oscarluque.
    May 21, 2019 at 3:44 am #1102655
    Mike

    Hi,
    I took a look at your page and don’t see this css applying to other special headings, was what you saw on the same page or other pages?
    To test I changed your css in my dev tools to be much larger and red so it would be easier to see for me, Please see the screenshot in Private Content area.
    I also searched your page for the class “textshadow” but it only came up once.
    Please elaborate.

    Best regards,
    Mike

    May 21, 2019 at 7:50 pm #1103055
    oscarluque

    On the homepage it is applying to the class “textshadow” which is one instance. The code is applying to other pages though that do not have that class. on the Products (and other pages) the dropshadow is also applied to two of the special heading which do not have the code – I included a screenshot. On that note I will be applying this class to other pages that have the special heading but not the ones that were assigned with the code you gave me.

    • This reply was modified 6 years, 1 month ago by oscarluque.
    May 22, 2019 at 4:46 am #1103152
    Mike

    Hi,
    Thank you for the explanation and the link, I took a look and found that on the page all 3 special headings for “products” contain the “textshadow” class. Please see the screenshot in Private Content area. It sounds like you have check the element for the class and didn’t find it. So I will need admin login to investigate.

    Best regards,
    Mike

    May 22, 2019 at 11:17 pm #1103482
    oscarluque

    How odd… Ok that solves that! I thought I deleted that before I cloned. Is there a way to have the sub heading in the special heading to have a drop shadow as well?

    May 23, 2019 at 2:58 am #1103496
    Mike

    Hi,
    Glad to hear that is solved.
    To include the sub-heading, please using this css instead:

    .textshadow .av-special-heading-tag,.textshadow .av-subheading {
text-shadow: 0px 0px 5px black !important;
}

    Best regards,
    Mike

    June 19, 2019 at 8:48 pm #1111710
    oscarluque

    Thanks, this worked for me.

    June 20, 2019 at 12:36 am #1111738
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Dropshadow behind text’ is closed to new replies.