Customizing color/image in Chocco theme

  • Author
  • #672791


    I have the Chocco theme and would like to customize the colors. I can change the bg/background solid color in Theme Options or Custom CSS.

    however where can I change the colors/image for the portfolio/folder looking background my entries are on? Assume this is done via Custom CSS but I can’t find where it is in the code to amend.


    The blog I need help with is


    The background for the content/sidebar area is made up of three images, top, bottom and middle The middle repeats in the “Y” direction (down) and aligns with the top and bottom image. Here are the three image URLs.

    And here is where they are located in the CSS (relative links rather than absolute).

    #main-top {
    background-image: url("images/main-top.jpg");
    #main {
    background-image: url("images/main-bg.jpg");
    #main-bot {
    background-image: url("images/main-bot.jpg");

    You will have to recreate those images in the colors you want, making sure they align with each other right down to the pixel and then upload them to your media library, get the URLs of those images, put the above into your CSS and then replace the relative URLs in them with the appropriate absolute (full) URL.



    Thank you, it’s EXACTLY what I was after!

    One problem though – after uploading my top image, I put the ‘main-top’ code in my CSS as such:

    #main-top {
    background-image: url("");

    But now it just shows the missing image (ie. nothing at all where the image should be) :(


    I just tried the URL of your image on your site using Firefug and it put it where it should be.

    BTW, I would upload it here at when you are done with the images and then put the URL of those uploaded images into the CSS. The site will load much more quickly that way.

The topic ‘Customizing color/image in Chocco theme’ is closed to new replies.