how to get different background on blog page

  • hi, i’m using the presswork theme and trying to format my blog page with a different background than my home page and other pages.

    i’ve created a child theme and inserted the following CSS (link to pastebin). but it doesn’t seem to work. yes the background gets changed but it gets changed on ALL the pages. i just want it changed on the BLOG page.

    CSS i’m using: https://pastebin.com/0YbdUN4w

    link to my site: https://lizartlizard.fortuin.info/

Viewing 7 replies - 1 through 7 (of 7 total)

  • try to integrate the body_class output into your style to make it more specific;

    example:

    .blog #body-wrapper {
  background-color: #eee !important;
  }

    https://codex.www.ads-software.com/Function_Reference/body_class

    Thread Starter stargirl1

    (@stargirl1)

    a thank you so much! i knew it was something simple like that but i couldn’t remember the code!

    Thread Starter stargirl1

    (@stargirl1)

    one more quick question if i may…how would i put a repeated image behind the colored area where the white is?

    do you mean left and right from your center (which is colored in the blog page)?

    for the blog page only – example:

    body.blog { background: url(https://lizartlizard.fortuin.info/wp-content/themes/presswork-child/bg1.jpg); }

    https://www.w3schools.com/css/css_background.asp

    Thread Starter stargirl1

    (@stargirl1)

    yes i want it to look more like i did on this page: https://lllite.x10.mx/wp/

    i’ve tried using firebug to find out which code controls it but it won’t highlight with firebug. and the code i tried above isn’t working.

    two reasons:

    a: you had a css id #body in the code (there is no such css id in your theme, as far as I can see)

    b: there was a space character between url and the bracket;

    this should add stripes on both sides of the ‘blog’ page:

    body.blog {background-image:url('https://lizartlizard.fortuin.info/wp-content/themes/presswork-child/stripes.jpg');
background-repeat:repeat!important;}
    Thread Starter stargirl1

    (@stargirl1)

    aaah! yippy! that worked! i could have sworn i tried that combination earlier but it was probably the pesky space interfering.

    now if i could just figure out how to get my custom google font to show up on my child theme headers i’ll be a happy camper lol!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘how to get different background on blog page’ is closed to new replies.