Change the ribbon color

• 

  emmascottvu · Member · Sep 9, 2012 at 12:20 pm

  • Copy link
  • Add topic to favorites

  What would the code be to change the ribbon color in the ever after theme?

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

• 

  flextoon · Member · Sep 9, 2012 at 12:58 pm

  • Copy link

  hi..
  You need to replace with color changed images –
  http://s1.wp.com/wp-content/themes/pub/ever-after/images/ribbon-middle.png
  http://s1.wp.com/wp-content/themes/pub/ever-after/images/ribbon-left.png
  

• 

  emmascottvu · Member · Sep 10, 2012 at 4:26 am

  • Copy link

  Thanks Flextoon. Once I edit the color of the images, how do I import them? Or where do I save them? Sorry, I am new to wordpress and css.

• 

  designsimply · Member · Sep 25, 2012 at 3:52 pm

  • Copy link

  how do I import them?

  Upload them to your media library.

  Then edit the following CSS by replacing the url() values with the links to the new images you uploaded to your media library:

  #description-left {
  	background: url("http://s1.wp.com/wp-content/themes/pub/ever-after/images/ribbon-left.png?m=1391151157i") no-repeat 0 0;
  }
  #description-middle {
  	background: transparent url("http://s1.wp.com/wp-content/themes/pub/ever-after/images/ribbon-middle.png?m=1391151157i") no-repeat 50% 0;
  }
  #description-right {
  	background: transparent url("http://s1.wp.com/wp-content/themes/pub/ever-after/images/ribbon-right.png?m=1391151157i") no-repeat 100% 0;
  }

  And finally, add the edited CSS to your Appearance → Custom Design → CSS page.