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

  • writeitright
    Asked on April 19, 2016 at 4: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?

    Jotform Thread 822257 Screenshot
    Page URL: http://www.ccarrowheights.org/#!worship-service-coordination/c17pe
  • Mike
    Replied on April 19, 2016 at 5: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.

    How do I change the subheader font to a different color? Image 1 Screenshot 20

    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.

  • LoisRymer1
    Replied on October 5, 2016 at 9:06 AM

    Hiiiiii
    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?

    DEMO

    Hire Magento Developer Team

     

  • Welvin Support Team Lead
    Replied on October 5, 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: https://www.jotform.com/answers/951843.