Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #176532

    Hi there

    From within the Enfold control panel I change the font for the Headings and click ‘update’, yet nothing changes on the front-end site.

    Can you help?

    Thanks

    #176831

    Hello neondigital!

    Can you please give us a link to the website? Check the file permission of wp-content/uploads/dynamic_avia/enfold.css file. Set it to 755. Remove browser cache then reload the page. What font are you trying to use?

    Regards,
    Ismael

    #198973

    Hi,

    this is my first post in this amazing forum since I found everything I needed through search. Thanks for the great support!

    My question is the same as neondigital’s.
    My website is: Herrenausstatter Wien

    So I’ve been changing the headline Font and the result looks like as follows.

    - The first one appears when I change to Arimo. How do I change it? Is this H1?
    Screenshot 1

    - The second one appears when I change to any other font (in this case Raleway). Obviously this is not Raleway.
    Screenshot 2

    - The third one is a picture of 5 easysliders (so I can use that overlay caption). This seems to be the same font as in the layerslider on top, but bold and uppercase apparently. I changed the values successfully via Safari Web Inspector to ‘capitalize’ and ‘Raleway, but when I add the same code to the custom.css, nothing happens.
    Screenshot 3

    The code is as follows:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    font-family:Raleway!important;
    text-transform:capitalize!important;
    }

    Any help would be appreciated.

    Thanks,
    Felix

    BTW:

    - I changed the rights of the wp-content/uploads/dynamic_avia/enfold.css file to 755.
    - I’m using W3 Total Cache plugin.
    - I resetted all caches (pluginwise and browserwise).

    • This reply was modified 7 months, 2 weeks ago by  Trystan.
    • This reply was modified 6 months, 2 weeks ago by  Trystan.
    #199132

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
    }

    Best regards,
    Yigit

    #199263

    Hi Yigit,

    Thanks, but I’m afraid, nothing has changed. Why are you defining 5 different fonts?

    Kind regards,
    Felix

    #199269

    Hi!

    It does work on my end. Please try flushing browser cache and refresh your page a few times.

    Best regards,
    Yigit

    #199308

    Thanks, no change yet on my end. So the Raleway font is displayed on all H’s for you then?

    What if I specifically want to change the size of the easy slider font? The text is cut off on smaller displays such as the iPhone.

    Is this code the way to go?

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    font-family:Raleway!important;
    text-transform:capitalize!important;
    }

    Thanks,
    Felix

    #199392

    Hey!

    I think you’re using the Layer Slider. You can edit the layer then go to Attributes panel. Add a unique css class selector, example “awesome-layer”. Apply the font on Quick CSS:

    .awesome-layer {
    font-family: 'Raleway', sans-serif !important;
    text-transform: capitalize !important
    }

    You can use media queries to change the font size on smaller screens:

    @media only screen and (max-width: 767px) {
      .awesome-layer {
      font-size: 13px;
      }
    }

    Best regards,
    Ismael

    #199715

    Hi Ismael,

    Thanks for the hint. Not sure we’re on the same page though. There is a Layerslider on top, but 5 Easysliders below. Here’s a screenshot attached.

    http://img36.imageshack.us/img36/2139/9xd1.png

    How would I go about changing the Easysliders?

    Thanks,
    Felix

    #199857

    Hey!

    You can use this:

    .avia-caption-title {
    font-family: 'Raleway', sans-serif !important;
    font-size: 15px;
    line-height: 24px;
    }

    Regards,
    Ismael

    #199931

    Hi,

    I just implemented the code, but again: nothing. How does it look on your computer? Maybe this is a caching issue, although I constantly keep refreshing and clearing caches.

    Kind regards,
    Felix

    #199985

    Hi!

    Because of the code i posted here http://www.kriesi.at/support/topic/heading-font-not-changing/#post-199132
    All heading elements are forced to use Raleway font. If you would like to manually apply different font family to heading elements, please remove that code from Quick CSS

    Regards,
    Yigit

    #201257

    Hey,

    Thanks again for your support! Everything is working now as it should. The problem was the W3 Total Cache Plugin as expected. There should be warrant with that plugin :-)

    Kind regards,
    Felix

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Heading Font not changing’ is closed to new replies.