Banner in Ever After Theme

vibhamahadeophotography · Member · Oct 14, 2013 at 6:20 pm
Copy link

Add topic to favorites
Hi, do I need to buy the upgrade to change the color of the banner under the header? I need it to be pink rather than blue.

In Photoshop the # is cc4f9b

Home

The blog I need help with is: (visible only to logged in users)
onelisadunc · Member · Oct 14, 2013 at 6:44 pm
Copy link
I just found this answer on the Themes Forum:

“Unfortunately, that color is not editable unless you create the images used to make the ribbon and edit the CSS accordingly with them. ”

Here is the link to the discussion.
vibhamahadeophotography · Member · Oct 14, 2013 at 6:47 pm
Copy link
I found the images here:
https://en.forums.wordpress.com/topic/change-the-ribbon-color?replies=4 and edited them to the color I want. Know how do I begin editing CSS? I’ve never touched CSS before so don’t even know where to begin.

Thanks!
timethief · Member · Oct 14, 2013 at 6:49 pm
Copy link
@vibhamahadeophotography
Do not create a duplicate thread please. This thread will be moved to the CSS Forum where you can get the help you need.
vibhamahadeophotography · Member · Oct 14, 2013 at 6:56 pm
Copy link
Sorry about that!

Will I receive a notification from the CSS Forum if someone can help me?
timethief · Member · Oct 14, 2013 at 6:58 pm
Copy link
Yes. As soon as someone can help you there they will post into the thread to do so. Please be patient while waiting as the threads posted before yours will, of course, be answered first.
timethief · Member · Oct 14, 2013 at 7:02 pm
Copy link
Below each comment box you see this:
_ Notify me of followup posts via e-mail
siobhyb · Member · Oct 15, 2013 at 1:21 pm
Copy link
@vibhamahadeophotography: You’ll firstly need to upload your images via the dashboard area’s Media->Add New page.

If you’ve purchased the custom CSS upgrade, you can then add your CSS via the Appearance->Customize->CSS tab.

The CSS snippets you’ll need to add here are:
```
#description-left {
background: transparent url(IMAGEURL) no-repeat 0 0;
}

#description-middle {
background: transparent url(IMAGEURL) no-repeat 0 0;
}

#description-right {
background: transparent url(IMAGEURL) no-repeat 0 0;
}
```
IMAGEURL should be replaced by the URL to your image. You can find this under “File URL” on the individual image’s page under Media->Library.

Hope this helps. Let me know if anything needs clarifying.

No items found.