WordPress.org

Support

Support » Themes and Templates » Ryu » Post background colours

Post background colours

  • Al

    @acarusbowker

    Hi, I’ve recently installed your theme and I love it!

    I am however trying and failing to change the background for other types of posts rather than just photo posts. Is this possible , and i so how?

    Would be great for some help with this, thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    Hi there, you could change the background colour of other posts manually, using CSS.

    Are you comfortable with CSS?

    Do you have a Custom CSS editor or child theme set up already?

    Can you provide a link to your site?

    Did you want each post type to have a specific background colour (i.e. green for Links, purple for Quotes, etc.) or did you want a different colour for individual posts?

    Al

    @acarusbowker

    Hi,

    I am so sorry I had no idea that you had replied – I just thought I’d try again and have seen this – I don’t knowhow I missed it.

    I am no comfortable with CSS, I wish I was.

    Did you want each post type to have a specific background colour (i.e. green for Links, purple for Quotes, etc.) or did you want a different colour for individual posts?

    Both really, if that is possible?!

    My site is – AlexInWonderland.co.uk – AlexInWonderland.co.uk

    I am also trying to add a ‘related content’ widget / plugin into the layout so it runs down the sides within my posts – is this possible, rather than just at the end of posts?!

    Thank you for your help and sorry for the late reply.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    I am so sorry I had no idea that you had replied – I just thought I’d try again and have seen this – I don’t knowhow I missed it.

    No worries! FYI, you can click the Subscribe to Topic link in the right column to get an email when a reply comes in.

    Both really, if that is possible?!

    With some CSS knowledge you can do either.

    Each post has a unique ID number, which you can see when you’re editing a post in the browser’s address bar or in the browser’s source.

    For example, the first post on your homepage (“ACB for Landgate Create : : Exhibition | Turnpike Gallery”) has the post ID 3591, and the unique CSS ID post-3591, which you can see if you view the page source:

    <article id="post-3591" [code truncated]

    What this means is that you can assign a particular background colour to it with CSS. For example, you could try this to add a light blue background colour:

    #post-3591 {
     background-color: #e3f4f9;
    }

    To add the same color instead behind all standard-format posts, you could try this:

    article.format-standard {
     background-color: #e3f4f9;
    }

    You can choose any colour you like, of course: http://0to255.com/

    Since you already have Jetpack installed, a simple way to add custom CSS like this is to activate the Custom CSS module. This way, your CSS won’t be overwritten when you update the theme.

    I am also trying to add a ‘related content’ widget / plugin into the layout so it runs down the sides within my posts – is this possible, rather than just at the end of posts?!

    That would be something you’d need to ask the plugin developer. I can’t think of where I’ve seen that before.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Post background colours’ is closed to new replies.
Skip to toolbar