Navigation
Archive / Adding CSS stroke on shortcode text
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 4, 2016 at 8:07 pm #866870
    dkawai
    Participant

    Hello,

    I’m using the content band shortcode on the icon stack, and was wondering if there’s any way (CSS or another method) to add a light stroke onto the text so that the text is legible on white portions of my background image. I know I could change the font color entirely but was wondering if adding a stroke was possible?

    Please see picture for reference

    April 5, 2016 at 4:24 am #867362
    Lely
    Moderator

    Hi There,

    Yes that is possible using some CSS. Add this on Appearance > Customize > Custom > CSS

    .custom-text-stroke{
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

    Feel free to change #000 to your preferred color of strokes.
    Then add the class custom-text-stroke to the text element class field.

    Hope this helps,

    April 5, 2016 at 2:54 pm #868123
    dkawai
    Participant

    Great! Helped me out immensely.

    April 5, 2016 at 10:57 pm #868572
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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