Topic Resolution: Resolved
  • Open
  • Natalie Minnis
    Spectator
    January 30, 2024 at 7:24 pm #49260

    I’m setting up a new website using Evolve, and I’ve customised the fonts and colours using the Typography tab – however I can’t see a way to customise the caption fonts.

    The captions appear in the same font as the body text, and on posts and pages with a lot of text, they can sometimes appear to be part of the body text. Is there a way to change captions on the templates?

    Evgeny
    Keymaster
    Posts: 1004
    January 30, 2024 at 9:16 pm #49261

    We don’t have such a feature yet, although I think it is a very good idea to implement. If you send me a link to your website with examples of captions, you wish to change and an explanation of what it is supposed to look like, I will be happy to offer you the CSS code to add to Additional CSS that will take care of it.

    Natalie Minnis
    Spectator
    Posts: 4
    January 30, 2024 at 10:11 pm #49262

    OK, thanks. I’m still working on the website, but there’s a test page here that has a caption:

    http://thepurposefulpath.co.uk/test-page/

    I’d like the caption font to be a bit smaller – maybe Quicksand with the font variant 600 and the font size 0.7rem, in the same colour as the secondary links and quotes, which is #8be6f4

    Thanks

    Evgeny
    Keymaster
    Posts: 1004
    January 31, 2024 at 10:52 am #49265

    It is Quicksand already, so no change needed there. For everything else try this:
    figcaption {
    font-weight: 600;
    font-size: 0.7rem;
    }
    Add it to Additional CSS and save. It should do it.

    Natalie Minnis
    Spectator
    Posts: 4
    January 31, 2024 at 1:46 pm #49266

    Great, that works perfectly 🙂

    Evgeny
    Keymaster
    Posts: 1004
    January 31, 2024 at 2:19 pm #49267

    Great! I am happy to assist.