How to change Fancy Heading font color?

What is the best way to change the title and content of the fancy heading on a per item basis (meaning being able to change each Fancy Heading on the page to something different.

I'm new at this so a comprehensive explanation would be greatly appreciated.

Thanks in advance!


Comments

  • I would also like to be able to change the icon color associated with the Fancy Heading as well.
  • Hi,

    you can do this with custom css. First, you need to set custom class name for the items and then use create custom css under Theme options > Custom CSS & JS > Custom CSS section.
  • Thanks for responding! Any chance you can detail the steps? Thanks again for helping!
  • First, you must set custom class name for this item. When this would be done, let us know for which item you set css class name and send us link to that page where you did it so we can have a look on it.
  • I set a custom class name of .fh-comm. In the custom css I entered:
    .fh-comm {
       color: #ffffff; !important;
    }

    This is set for the Communications Title for the Fancy Heading

    I currently have the under construction page enabled. The link is www.daedalusfirm.com (permalink) and the page name is Home.

    Thanks!
  • We didn't saw your site because you have Maintenance Mode active so would be great if you can deactivate it first. However, from what we see, you did it wrong. We just told you to set class name for Fancy Heading item. And class name should be just fh-comm (no dots, not super extra characters, no nothing!). When all these would be done, let us know so we can have a look on it.

    P.S. We suggest you to check http://themes.muffingroup.com/betheme/documentation/#theme-customizations where we left a short explanation of how to use classes. If this won't be enough, we recommend to read some articles in the web.
  • As I indicated in my first post, I am new at this - with Wordpress and how to modify it. Please be mindful of this and respond accordingly.

    The Under Construction setting has been turned off.

    Class name has been renamed to fh-comm.

    The link you provided points to How to Add New Product in your documentation - is this correct?

    The css class naming articles I have read have a period in front of the class name.
  • You still have maintenance mode active. Maybe you can tell us how can we check what you want with Maintenance mode?
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.