• I have downloaded and tried a few different background image plugins but I have the same problem with all. Basically whatever background image I upload (or simply change colour) the image overrides the content area too making the site illegible. I believe the problem might be that my site’s template bkg is set to transparent but am not sure and am not confident enough to make code changes without knowing what to change.
    Any help asap would be greatly appreciated. You can see the issue on ihcstudio.com

    Cheers
    Angelina

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi, you need to modify the stylesheet:
    open the theme editor and search for :
    “#main ” at line: 50 for that one you already have some css rules, you need to add this one :
    background-color: white; and it will look like this:

    #main {
    position: relative;
    z-index: 1;
    width: 1000px;
    float: left;
    padding-top: 30px;
    background-color: white;
    }

    That will sort things out with the main part of the page for the header you need to go to line 73 where you have:
    “catnav” and add again: background-color: white; and make it look like this:

    .catnav {
    border-right: 1px solid #AAA;
    border-left: 1px solid white;
    background-color: white;
    }

    at line 188 you also have :#top .nav you can add a background color for this one too but I don’t think white is what you want… you can play with it a bit.
    Regards

    Thread Starter chattybrain

    (@chattybrain)

    Hi…
    Thank you so much for your help. I’ve done exactly as you say and it is 90% better
    (have a look on ihcstudio.com).
    The part I cannot find is the catnav section as you listed above on line 73. I’ve gone through the full code and cannot find that specific piece of code. I’ve also tried applying ” background-color: white; ” to various .catnav sections but I cannot seem to hit the right one to complete the process.

    Sorry to bug you again but can you help me with this last piece? Thanks

    Thread Starter chattybrain

    (@chattybrain)

    Actually I have found the header section and now see how to change that to white. All I am left with are the two small sections next to the slider. That I cannot find no matter how much I am trying.

    Hi,
    where you added the code for the catnav try replaceing it with this one:

    position: relative;
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    width: 956px;
    float: left;
    z-index: 4;
    background-color: white;
    padding-left: 22px;
    padding-right: 22px;
    margin-left: -21px;

    THIS POST WAS EDITED! this is the final version!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Background image overriding content area’ is closed to new replies.