Page Widths and Header Fonts

  • Unknown's avatar
    teccanada · Member ·

    Hello!

    We’ve just installed the Watson theme (with the Custom Design upgrade) and would like to make a few small adjustments:

    1. Is it possible to add some code to the css to make the text from each blog post span the same width as the Featured Image? That is, once the post has been opened as its own page.

    2. We’d love to be able to modify the colour of the headers to blue instead of black. Is this possible? If you’re able to provide me with sample css code, I would really appreciate it.

    Many thanks in advance for your help.

    Laura

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    1. I’m not sure how to do this and not mess up the responsive nature of the theme due to the way the post title on the single post pages is done. I’ll have to work on this a little more.

    2. It appears as if you have figured this part out. Let us know if that is not the case and point us to what you want to change.

  • Unknown's avatar
    teccanada · Member ·

    Thank you very much for your help with this – we’ve managed to change the colour of the Featured Header, but not those below it on the main page. Once you click on a post, the header font is the colour we want, but I’m a bit confused as to why it stays black on the main page.

    Thanks again.

  • Unknown's avatar
    justpi · Member ·

    It stays black because you changed the h1 and .heading color only: the titles of the post excerpts aren’t just headings, they are links, plus they belong to a separate section, so they have their own selector. Add this in the CSS editor: 

    .post-roll article.post h1 a {
    color: #17528F;
}
  • Unknown's avatar
    teccanada · Member ·

    Many thanks! It worked perfectly.

  • The topic ‘Page Widths and Header Fonts’ is closed to new replies.