Default colors overriding customized colors (Bueno theme)

  • Author
    Posts
  • #1261487

    audrak88
    Member

    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 anorexicescapades.com.

    #1261617

    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?

    #1261620

    audrak88
    Member

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

    #1261621

    audrak88
    Member

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

    #1261623

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

    #1261624

    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:
    http://s0.wp.com/wp-content/themes/pub/bueno/styles/default/date.png

    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.

The topic ‘Default colors overriding customized colors (Bueno theme)’ is closed to new replies.