Change the ribbon color

  • Author
    Posts
  • #1004975

    emmascottvu
    Member

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

    The blog I need help with is thefuturescotts.com.

    #1005062

    flextoon
    Member
    #1005139

    emmascottvu
    Member

    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.

    #1005149

    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") no-repeat 0 0;
    }
    #description-middle {
    	background: transparent url("http://s1.wp.com/wp-content/themes/pub/ever-after/images/ribbon-middle.png") no-repeat 50% 0;
    }
    #description-right {
    	background: transparent url("http://s1.wp.com/wp-content/themes/pub/ever-after/images/ribbon-right.png") no-repeat 100% 0;
    }

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

The topic ‘Change the ribbon color’ is closed to new replies.