• Resolved StingGB

    (@stinggb)


    Hi,

    I’m using the Xoiletter theme. I like it, but I hate the gray colour shading effect that goes from top to bottom of each page in the background of the post.

    Does anyone know which template in edit themes I might go to look for this, what I’m looking for, and get rid of it and change it to a plain white background.

    My site is here https://myperfectpitch.com/

    Thanks in advance.

    Brian

Viewing 8 replies - 1 through 8 (of 8 total)
  • Open style.css of your theme and edit line 79

    body {
    background: url(“images/background-body.png”) no-repeat scroll left top #CCCCCC;
    font-family: ‘Courier New’,Verdana,Monaco,Arial,Times;
    font-size: 62.5%;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    text-align: center;
    }

    The color #cccccc is a grey background .

    Here you can find all HTML-color codes .

    Thread Starter StingGB

    (@stinggb)

    Hi kostas,

    I did that, changed #cccccc to #ffffff (white) in that part of style.css and refreshed a couple of pages, but nothing has changed.

    There must be some sort of code wording for that graded shading effect that goes from top to bottom of all my post pages. What is that, and how do I alter it so each page background is either plain gray or plain white

    Any ideas?

    Brian

    Moderator cubecolour

    (@numeeja)

    .postbackground {
    ...
    	background: #ffffff url(images/background-post.png) repeat-x
    ...
    }

    You need to take out the image reference as well, so the line defining the background would be

    background: #ffffff;
    Thread Starter StingGB

    (@stinggb)

    Hi cubecolour,

    Postbackground already shows as #ffffff which is white, how does that relate to me wanting to get rid of graded grey?

    The whole code is below, if that helps –

    }
    .postbackground {
    width: 90%;
    background: #ffffff url(images/background-post.png) repeat-x top left;
    border: 1px solid #D0D0D0;
    position: relative;
    padding: 0;
    height: auto;
    margin: 0 14px;
    display: block;
    text-align: center;

    Regards, Brian.

    Moderator cubecolour

    (@numeeja)

    You are defining a background image as well as the colour, so you need to remove the reference to the image. Perhaps you should have tried it before questioning it.

    For a full explanation you can read about the background property on w3schools at https://www.w3schools.com/css/css_background.asp, Pay particuar attention to the paragraph headed background – shorthand property.

    The body tag is responsible for your background color . It works to me with FF’s firebug tool . Try to clear your browsers cache and/or F5 , it forces your browser to reload the CSS file .

    Thread Starter StingGB

    (@stinggb)

    Well, I don’t know which one worked – but it worked!!!

    Thanks very much cubecolour and kostas.

    Regards,

    Brian.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Help please’ is closed to new replies.