Navigation
Archive / Change styling of headers overall
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 28, 2016 at 5:11 pm #1307737
    Richard H
    Participant

    I would like to apply a styling edit to all H1 to H6 text so that any time I use them they have the following styling applied:

    text-shadow: 2px 2px #a8a8a8

    I have been doing this on a case by case basis but this is now interfering with the normal text I am putting after the H1 when the content is in a column.

    Could you help me apply the styling to all H tags please?

    December 28, 2016 at 9:54 pm #1308062
    Prasant Rai
    Moderator

    Hello Richard,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    h1, h2, h3, h4, h5, h6 {
    text-shadow: 2px 2px #a8a8a8 !important;
}

    Thanks.

    January 3, 2017 at 1:51 pm #1314655
    Richard H
    Participant

    Great! Thanks

    January 3, 2017 at 2:37 pm #1314748
    Jade
    Moderator

    You’re welcome.

    January 3, 2017 at 2:38 pm #1314753
    Jade
    Moderator

    You’re welcome.

    January 4, 2017 at 10:37 am #1315999
    Richard H
    Participant

    I tried using the code you suggested but the shadow was too big for the H4, h5, h6 sizes. I tried customising the code to this:

    h1, h2, h3, {
    text-shadow: 2px 2px #a8a8a8 !important;
    }
    h4, h5, h6 {
    text-shadow: 1px 1px #a8a8a8 !important;
    }

    but that didn’t seem to help.

    Titles on the blog posts for example remain the same. Could you help me out with this please?

    January 4, 2017 at 11:47 am #1316108
    Joao
    Moderator

    Hi There,

    Please try removing the , after h3

    Let us know how it goes.

    Joao

    January 4, 2017 at 12:51 pm #1316191
    Richard H
    Participant

    Brilliant! That did it 😉

    January 4, 2017 at 2:12 pm #1316313
    Joao
    Moderator

    Glad to hear it 🙂

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1307737 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>