Support Center Visit Demo License manager Buy @ envato

Change color on specific heading

alltoralltor
edited March 2018 in Shortcodes
Hello,

I recently got help with a question on how to add symbols to buttons and headings and such.
I was wondering if it's possible to do the same if you want to switch colors on a (for example) H2 heading?

Like this with icons, but instead a shortcode to change color on this heading only

image

Comments

  • alltoralltor
    (or any text for that matter)
  • BryanBryan
    Hi,
    You could try wrapping it in a <span style='color:red">title</span>
    But it could not change the color of the icon or lose the styling on the heading.
    Best to use custom css.
    thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • alltoralltor
    Oh I see. So there is no easy way of having some Fancy Headings against a different colored background?
  • alltoralltor
    To demonstrate I want to have a blue background on the top, but if I change the color on the H2 heading it applies to all, and it becomes almost unreadable against the white background.

    image
  • BryanBryan
    You can place each fancy heading in a different section and change the background color of th section, there is no other way.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • alltoralltor
    Okay! I just went with H1 on the top heading and H2, H3 etc on the rest. I'm new at this :)

    Thanks!
Sign In or Register to comment.