To insert code use <code>...</code>.
I want to make the whole of the home page background black
  • Vote Up0Vote Down hydramanhydraman
    Hi there
    I wonder if anyone can help me here. I am not very experienced and can not edit codes. I want to make the background of the home page, from the header area and the area surrounding the slider slider black #000000. I have tried using the color options but the slider area background remains grayish black - not as deep black as the header area. I need the whole of the area mentioned to be deep black color code #000000. I used this color to change the header area but the left and right sides of the slider remained the default background color.

    Any help please
    HM
  • 8 Comments sorted by
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Hydraman,

    the slider area remains greyish because there is a background behind it.

    you could remove the backgrounds and/or you set the width of the #page and #feature and then the backgroundcolor.

    something like this should do the trick.


    #page {
    width :994px;
    margin-left:auto;
    margin-right:auto;
    background-image: none;
    }

    #feature {
    width :994px;
    margin-left:auto;
    margin-right:auto;
    }

    body {
    overflow-y: scroll;
    background-color:#000000;
    }



    If you remove the background-color from the body as shown above you can set the colors in the striking color settings.


    You can also apply this to the #header the same way.

    If you have any questions left don't hestitate to ask them.
    Best regards,
    BackuPs
  • Vote Up0Vote Down hydramanhydraman
    Thank you for your advice. Can you please show me how and where to put the the above code to make the change.

    Hydraman
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Hydraman

    goto striking general settings scroll to the bottom. There is a custom css field in there. Paste the code in there and press save.

    about the body... just change the last one into if you want to controll the bodycolor from within the striking settings.


    body {
    overflow-y: scroll;
    }



    If you have any questions left don't hestitate to ask them.
    Best regards,
    BackuPs
  • Vote Up0Vote Down hydramanhydraman
    Thank you so much BackuPs.
    The suggestion worked except there is still a little bit of grey left on the edges of the slider image. I don't want any boarders on the image either. Please take a look at my website www.tanbylookingood.com. I want the image to fit perfectly on to the black background.

    I will be so grateful if you or anybody on this forum can help me.

    Thanks
  • Vote Up0Vote Down BackuPsBackuPs
    Hy Hydraman,

    just add this


    #feature {
    background: none;
    }



    or change earlier code from above to this



    #feature {
    width :994px;
    margin-left:auto;
    margin-right:auto;
    background: none;
    }



    Best regards,
    BackuPs
  • Vote Up0Vote Down hydramanhydraman
    BackuPs

    Thank you SOOOOOOO MUCH!!!!!!!

    It worked perfectly.
    very much appreciated!
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Hydraman,

    you will also need this one for the footer.


    #footer {
    background: none;
    }


    Best regards,
    BackuPs
  • Vote Up0Vote Down hydramanhydraman
    Thanks for being helpful my friend.
    I have added that it it works fine too.
This discussion has been closed.
All Discussions