Need help? Check out our Support site, then

Default colors overriding customized colors (Bueno theme)

  1. Hi,

    Some months back, I successfully customized the CSS code for bueno theme. However, yesterday, some elements inexplicably reverted back to their original pink color (links in posts, borders around images, circles around dates). When I open the CSS editor and without making any changes to the current code, the preview looks fine - all the incorrect pink elements are orange as they should be and I can't find any instance of the incorrect HEX color in the code. But still when I view the live site, the elements that reverted mysteriously back to pink are still pink... Help?

    The blog I need help with is

  2. I see some pink elements on your site such as the search button, a pink border on the images and link colors in the content area and the date circle. Are these the elements you are talking about?

  3. Yes, those are the elements I'm talking about. They were and should be orange.

  4. Yes, those are the elements I'm talking about. They were and should be orange.

  5. Same thing happened to mine. I can't figure this out? The pink is driving me nuts. Any ideas?

  6. For the date circle, I don't see any CSS to change that circle to the orange color in your CSS. If you created a new image for that purpose and uploaded it, look in your media library, find the image and then replace the URL OF IMAGE between the double quote marks in the following. For reference, I've included the URL for the original image if you need that as a guide to create another circle.

    Add all the code I've given to the very end of your existing CSS (or edit existing where I have indicated).

    .post .date {
    background: url("URL OF IMAGE") no-repeat scroll left top transparent;

    Here is the original circle image for reference or editing:

    Search button (I again can't find the orange color declared in your CSS. Add the following to the .input. submit rule in your CSS.

    background-color: #FF7F23;

    For the text links, again I can't find this in your CSS so add this.

    a:link, a:visited {
    color: #FF7F23;

    For the image borders, there are two borders declared. The one that is orange now, and then a second border outside of that.

    To get rid of the outer border entirely, add the following.

    .entry img {
        border: none;

    To make it orange to match the orange on the other items, add this instead.

    .entry img {
        border: 5px solid #FF7F23;

    If I missed any errant pink around the site, let me know. I'm not sure how this stuff ended up missing, but the above should get you going.

Topic Closed

This topic has been closed to new replies.

About this Topic