Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 16, 2013 at 5:35 pm #176532
    neondigital

    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

    October 17, 2013 at 4:38 am #176831
    Ismael

    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

    December 11, 2013 at 12:31 pm #198973
    Trystan

    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 10 years, 11 months ago by Trystan.
    December 11, 2013 at 7:06 pm #199132
    Yigit

    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

    December 11, 2013 at 11:50 pm #199263
    Trystan

    Hi Yigit,

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

    Kind regards,
    Felix

    December 12, 2013 at 12:13 am #199269
    Yigit

    Hi!

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

    Best regards,
    Yigit

    December 12, 2013 at 2:01 am #199308
    Trystan

    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

    December 12, 2013 at 9:16 am #199392
    Ismael

    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

    December 13, 2013 at 12:54 am #199715
    Trystan

    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

    December 13, 2013 at 10:45 am #199857
    Ismael

    Hey!

    You can use this:

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

    Regards,
    Ismael

    December 13, 2013 at 2:15 pm #199931
    Trystan

    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

    December 13, 2013 at 5:04 pm #199985
    Yigit

    Hi!

    Because of the code i posted here https://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

    December 17, 2013 at 7:53 pm #201257
    Trystan

    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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Heading Font not changing’ is closed to new replies.