Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 27, 2017 at 4:54 pm #752356
    yth
    Guest

    Hi,
    I need to add a shadow to my h1 heading. I found a piece of code in the Enfold forum:

    h1.av-special-heading-tag{
    text-shadow: 1px 1px #0a0f14
    }

    I added it to the quick CSS under general styling, but no shadow appears. Can you help me?

    Thanks in advance!

    February 27, 2017 at 5:06 pm #752378
    Andy

    Hey yth,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    April 3, 2017 at 1:57 pm #771116
    ythhj

    Hi Andy,

    I’ve added a link to a page below where I would like a shadow for the white text in the picture.

    It would make the text stand out from the picture and easier to read.

    Best regards,
    Yth

    April 3, 2017 at 2:00 pm #771117
    Yigit

    Hi,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your text block element and give it a custom CSS class and then add following code to Quick CSS

    .your-custom-class h1 { 
text-shadow: 1px 1px #0a0f14;
}

    Best regards,
    Yigit

    April 4, 2017 at 10:53 am #771642
    ythhj

    Hi Yigit,

    I’ve enabled the custom css class field according to the web page, you sent me, and I’ve added the code piece to the Quick CSS, but I’m not sure how to edit my text block element and give it a custom CSS class?

    Best regards,
    Yth

    April 4, 2017 at 11:47 am #771666
    Yigit

    Hey!

    After enabling custom CSS field for ALB elements, you can simply edit your page and edit your text block element where you have your H1 tagged text and add custom CSS class (“your-custom-class” in example above) – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/blur.jpg

    Best regards,
    Yigit

    April 4, 2017 at 12:17 pm #771683
    ythhj

    Hi again,

    After enabling the custom css field, when I edit my text block should I then get a box like the one in the link above?

    April 4, 2017 at 12:19 pm #771684
    Yigit

    Hi!

    Yes, you should see custom CSS class field at the bottom. If you would like to edit it for you, please create a temporary admin login and post it here privately.

    Regards,
    Yigit

    April 4, 2017 at 2:30 pm #771789
    ythhj

    Thanks, Yigit, that would be great :-)

    April 4, 2017 at 2:32 pm #771791
    Yigit

    Hey!

    I applied the changes. Please review your website now :)

    Regards,
    Yigit

    April 4, 2017 at 2:51 pm #771801
    ythhj

    It looks great! Thank you so much for your help, Yigit :-)

    April 4, 2017 at 3:20 pm #771820
    Yigit

    Hi!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to add a shadow to my h1 heading’ is closed to new replies.