Change color on specific heading

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

  • (or any text for that matter)
  • 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

  • Oh I see. So there is no easy way of having some Fancy Headings against a different colored background?
  • 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
  • You can place each fancy heading in a different section and change the background color of th section, there is no other way.
    thanks
  • 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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.