Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 27, 2024 at 4:44 pm #1463113
    stefv8

    Hello!

    I want to change all heading tags (h1-h6) to text-transform “capitalize” so every word begins with a capital. I am using the font “Oleo Script Swash Caps ” and only uppercase makes the text unreadable. Just lowercase misses the charm of this font. I did saw advanced style options to change the heading to lower- and uppercase, but not for this change.

    I tried custom css in style but it doesnt work on every heading tag, what am i missing?

    I’m using this demo: https://preview.themeforest.net/item/enfold-responsive-multipurpose-theme/full_screen_preview/4519990

    Custom css i’ve tried:

    h1,h2,h3,h4,h5,h6 { text-transform: capitalize; }

    Thanks for your time!

    July 27, 2024 at 7:07 pm #1463123
    Mike

    Hey stefv8,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all #main.all_colors h1, #top #wrap_all #main.all_colors h2, #top #wrap_all #main.all_colors h3, #top #wrap_all #main.all_colors h4, #top #wrap_all #main.all_colors h5, #top #wrap_all #main.all_colors h6 {
    text-transform: capitalize;
}

    After applying the css, please clear your browser cache and check.
    If this doesn’t help please link to your site so we can examine.

    Best regards,
    Mike

    July 28, 2024 at 2:31 pm #1463151
    stefv8

    Werkt als een trein, dank voor je hulp Mike ! :)

    July 28, 2024 at 2:44 pm #1463153
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Changing all heading tags to text-transform: capitalize;’ is closed to new replies.