Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 6, 2019 at 11:09 am #1154221
    wzshop

    Hi,
    I guess I am missing something.
    I want to change the font of a textblock to caveat.
    So i tried to apply it, using a class, with the following code:
    .cc_written_font {font-family: 'caveat', sans-serif !important; font-size:20px;}

    The default font is different from caveat.
    Now, I can see caveat in the theme font dropdown list, but when I try to apply it using CSS it is not working.
    Do I need to load/implement it with some extra code?

    Thanks

    November 6, 2019 at 9:59 pm #1154461
    Jordan Shannon

    Hey wzshop,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    November 6, 2019 at 10:33 pm #1154470
    wzshop

    Hi,
    See the private content.

    Thanks

    November 6, 2019 at 11:20 pm #1154482
    wzshop

    It is not working for me. Tried Chrome and FF on 2 computers.
    How is that possible?

    Please remove the image url from the public content.

    November 6, 2019 at 11:26 pm #1154485
    Jordan Shannon

    Hi,

    Which device are you using. I’m Chrome on a PC. It is vital that you are clearing your cache also.

    Best regards,
    Jordan Shannon

    November 6, 2019 at 11:45 pm #1154489
    wzshop

    Hi,
    Tried a PC and laptop.
    Tried Chrome and FF, so cache should not be an issue…?

    November 7, 2019 at 1:59 pm #1154642
    Rikard

    Hi,

    Thanks for the update. Please try to import the font in a code block at the top of the page for instance:

    <style>
@import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
</style>

    If you need the font globally then you can place the same code in Quick CSS, but without the style tags.

    Best regards,
    Rikard

    November 7, 2019 at 2:04 pm #1154643
    wzshop

    Thank you, that worked! Loading the style globally however won’t work (i removed the style tags)…
    Could you please explain why this needs to be done?
    Greetings

    • This reply was modified 5 years ago by wzshop.
    November 7, 2019 at 6:51 pm #1154709
    Jordan Shannon

    Hi,

    It’s possible, that there is a bit of css that is preventing the font from reading as is. Adding it the top of page ensures that the font is read before any other code is encountered.

    Best regards,
    Jordan Shannon

    November 7, 2019 at 6:52 pm #1154710
    Jordan Shannon

    Hi,

    It’s possible, that there is a bit of css that is preventing the font from reading as is. Adding it the top of page ensures that the font is read before any other code is encountered.

    Best regards,
    Jordan Shannon

    November 8, 2019 at 11:15 am #1154918
    wzshop

    So again,
    I am not able to load the css globally in the theme css. How to fix this?
    Also,I am able to replicate this issue on a clean staging site with not (custom) edits. So what kind of CSS is causing this issue then?

    November 12, 2019 at 10:05 am #1155941
    Ismael

    Hi,

    Thank you for the update.

    Did you enable the Performance > File Compression settings? It’s possible that the code added in the Quick CSS field is not included in the dynamic stylesheets because the theme is still using the old merged files. You have to toggle the compression to regenerate the stylesheets. Or post the login details in the private field so that we can check the dashboard.

    Best regards,
    Ismael

    November 12, 2019 at 12:07 pm #1155975
    wzshop

    Hi,
    I tried the style.css and the theme css settings.
    I only got it working by disabling the ‘merging css files’ setting in theme settings. Enabling it again, will cause for the problem to occur again.

    Greetings

    November 14, 2019 at 5:19 am #1156634
    Ismael

    Hi,

    Thank you for the update.

    Enabling the file compression again should not cause any problems. Disabling the option only unmerge the stylesheets, and re-enabling it will put them back together in a single file again, but this time it will include the recent css modifications. And again, please don’t forget to remove the < style > tag when you add it in the Quick CSS field or the style.css file as suggested previously.

    @import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');

    Best regards,
    Ismael

    November 14, 2019 at 1:04 pm #1156767
    wzshop

    Ok, then there is no problem.
    I did remove the style tags of course. Putting them together causes the issue.
    For now i just keep it disabled. Please close this ticket.

    November 14, 2019 at 5:29 pm #1156845
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Change font of textblock?’ is closed to new replies.