WordPress.org

Ready to get started?Download WordPress

Forums

Changing content background color in Mandigo theme - need help (9 posts)

  1. bluesman3573
    Member
    Posted 5 years ago #

    Hello. I am using the Mandigo theme for my site and I am trying to change the color of the content section from white to black. I'm also trying to change the sidebars black. Can anyone help? Thanks.

  2. Shane G
    Member
    Posted 5 years ago #

    Hi,

    You can change the background color for the body part or sidebar from style.css file of the theme....please check from there..

    and let me know from where you are trying to edit the color?

    Thanks,

    Shane G.

  3. bluesman3573
    Member
    Posted 5 years ago #

    What's up Shane. Thanks for the response. I am not well versed in coding so I know this process will take some time. I did some more research last night and I found out how to turn the header border and footer black with Paint Shop Pro. All I need to do now is change the body color and side bars to black. I was trying to change the color from the admin - themes - edit - style.css region but I can't figure out what to look for. Would I have to add some code myself to style.css or is there a part in there that I could simply change the color code. Thanks again. Bluesman.

  4. rizaldy
    Member
    Posted 5 years ago #

    first of all is http://www.onehertz.com/portfolio/wordpress/mandigo/ is the mandigo theme you used ?

    if it is, then for body color mandigo theme used image as background, so you have to change/edit wp-content/themes/mandigo/images/bg-1024.png image to color you prefered. It is in style.css line 260

    #main {
    background:transparent url(wp-content/themes/mandigo/images/bg-1024.png) repeat scroll 0 0;
    padding:9px 15px;
    width:957px;
    }

    as it use repeat attribute so the image will be kinda hard to edit, but i believe you'll get a hang to it :D

    And for the sidebar just edit

    .sidebars {
    background:#EEEEEE none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    overflow:hidden;
    padding:5px;
    }

    change background:#EEEEEE to #000 and its done

    Please correct me if i'm wrong, just try to help here..... :D

    -A-r-

  5. bluesman3573
    Member
    Posted 5 years ago #

    Yes that is the theme I was referring to. I took your suggestions rizaldy and they were very helpful. I changed the body color and the sidebars. I changed the footer also. It's looking a lot better now - thanks. The only thing is that now the width is off a little. The right side is fine and but for some reason the left side is sticking out from the header and footer. Might be a padding issue. I don't know. Any suggestions would be appreciated. Peace. Bluesman.

  6. rizaldy
    Member
    Posted 5 years ago #

    because i can't see your actual page, my best bet is that you put the black color on all of bg-1024.png so the body color is too wide.

    try put 6px on left and right side of the image and set the color same as the overall background color.

    -A-r-

  7. bluesman3573
    Member
    Posted 5 years ago #

    Hi rizaldy, let me ask you...I have an image as my background. Does that change the process that you are describing? Thanks.

  8. rizaldy
    Member
    Posted 5 years ago #

    yup ofcourse, if the image is define as a background then it will rendered the whole image as the div background, then if div is set wider than the actual looks of the site the image must edited to make it aligned with header and footer.

  9. bluesman3573
    Member
    Posted 5 years ago #

    Thanks rizaldy. Sorry for the late reply. I have decided to re-evaluate my blog and maybe go with another theme altogether. I am looking for a theme that I can upload and use with minimal changing. Again, thanks for the advice.

Topic Closed

This topic has been closed to new replies.

About this Topic