Background Color Change

• 

  midwestamc · Member · Jan 6, 2017 at 8:03 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I would like to have the background color and text color change from edge to edge for only a small section of my page. Is there a code for that?

  ex. it is a yellow background with red text and i want it to switch to a red background with yellow text for a paragraph or two and then go back to the yellow background with red text.

  Thanks!

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

• 

  thesacredpath · Member · Jan 7, 2017 at 3:59 am

  • Copy link

  Hi there, you didn’t mention which page, so the following assumes you are talking about the front page of your site.

  First off, you have set the red color for the text within
  <span style="color:#5f000a;">
  and remove one of the ending span tags from the end of the paragraph.
  </span>
  Then add the following custom CSS.

  body.home.custom-background {
  	background-color: #5E020E;
  }
  .home .hentry {
  	color: #FFE600;
  }

• 

  thesacredpath · Member · Jan 7, 2017 at 4:02 am

  • Copy link

  Oh, missed a bit. Change the second CSS rule above to this instead.

  .home .hentry, .home #text-12 {
  	color: #FFE600;
  }