Baskerville 2 Theme- change background color

  • Unknown's avatar
    xthine08 · Member ·

    Hi,
    How do i change the posts’ background color to transparent and instead add a border on every post?
    my site is chrisdeysolong.com and im using Baskerville 2 theme.

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

  • karenlattfield · Staff ·

    Hi xthine,
    Style changes for themes can be made in the Customizer – but if the options you need aren’t available, you would need to make changes to the CSS. You can do this in the ‘Custom CSS‘ option in the site Customizer on the Premium and Business plans only.
    The other option would be to find a theme that matches exactly what you want.

  • Unknown's avatar
    xthine08 · Member ·

    Hi Karen,
    thanks for your response. in case I upgrade to premium/Business plan, what would be the correct code format for that?

  • karenlattfield · Staff ·

    Hi Xthine,
    To change the post background colour to transparent and add a thin black border (for example) you could use the following CSS:
    .article {
    background-color: transparent;
    border: 2px solid #000;
    }

  • karenlattfield · Staff ·

    Looking at the Baskerville theme, the styles are defined more specifically, so I’d recommend trying the following instead and ignore the original code (you would have needed article without a dot preceding it as well):

    .hentry .post {
    background-color: transparent;
    }

    You’d also probably want to change the colour of the post-header bottom border and down arrow. If that was also changed to black:

    .post .post-header:after, .page .post-header:after {
    border-top-color: #000;
    }

    .post .post-header:before, .page .post-header:before {
    border-top-color: #000;
    }

    And perhaps:
    .post-header {
    border-bottom: 1px solid #000;
    }

    You may always discover something else that needs changing, or that some styles have more specificity than others so take precedence. If you want to delve into CSS more, there are some great online resources (like W3schools).

  • Unknown's avatar
    xthine08 · Member ·

    Hi Karen,
    thanks so much for your inputs. ill try to do these and see which will work best :)

  • The topic ‘Baskerville 2 Theme- change background color’ is closed to new replies.