How do I change the subheader font to a different color?

  • Profile Image
    Asked on April 19, 2016 at 04:25 PM

    I have been successful in my attempt to change headers to the color I desire, but I want my subheader font to be a different color. I have attempted to get the desired effect using the CSS customization features via the Design tool, and I have also tried to change the secondary color using the Preferences feature. Nothing I've tried seems to work. I want my headers to be blue and I would like my subheaders to be a greyish color (#dbd0d0) and slightly beveled (if possible).

    Can you help with this?

  • Profile Image
    Answered on April 19, 2016 at 05:55 PM

    Thank you for contacting us.

    It looks like that sub header color issue has been solved with a CSS applied to the .form-subHeader class.

    I am not sure about the type of the beveled effect you are looking for, but text is usually styled with a text-shadow properly. Here are some articles which may be related to the topic.

    Text-shadow CSS Tricks

    - CSS3 Text Effects: 44 Cool CSS Text 

    How To Create CSS Text Effects Using Only The text-shadow Attribute

    If you need any further assistance, please let us know. We will be happy to help.

  • Profile Image
    Answered on October 05, 2016 at 09:06 AM

    Try to add this line into your css file ;.av-subheading_below {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important;}

    I have to do so the subheader text mixes two colors like this demo?


    Hire Magento Developer Team


  • Profile Image
    Answered on October 05, 2016 at 10:14 AM

    @LoisRymer1: I have moved your question into a new thread and I will address it there. Here's the link: