Support » Theme: Customizr » Background colour

  • Resolved hyldahl82

    (@hyldahl82)


    How would I go about changeing the grey-ish background behind the slides?

    I’m looking to change it to white

Viewing 15 replies - 1 through 15 (of 30 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Not sure I see the grey background, where is it?

    yes I would love to know this too!

    I’m looking to put this theme on my website and I would like put another color or img on the background, I would love to know this too!

    You need to add this CSS to either Custom CSS or Child Theme:

    body {
      background: none repeat scroll 0 0 #FAFAFA;
      color: #5A5A5A;
      padding-bottom: 0;
    }

    Change #FAFAFA to background color you want
    Change #5A5A5A to text color you want

    You can also use an image as background:

    background: url('/wp-content/uploads/NAMEOFFILE.png') repeat fixed 0 0 #FAFAFA !important ;

    Thank you sir! 🙂

    What about the background colour of the circular images – The 3 links on the front page (not sure what to call them), they also have that colour

    Not sure what you mean but to change your menu or link color, simply use the firebug tool to inspect the page, this will enable you see the current css attribute for the menu link. You can then follow the step you use to change the body color to change your links

    @hyldahl82, remember that the circles are meant to have a 270 x 250 Featured Image behind them.

    I achieved what you asked by editing that Image using Photoshop Elements.

    Then the links can be changed with:

    .widget-front h2 {
    color:red;
    }

    changing red to what you want.

    Just so that we’re talking about the same thing.

    It’s this background colour

    It has the same #FAFAFA colour as the standard background colour

    That’s the same I’m talking about.

    The CSS is:

    .round-div {
      border: 104px solid #E0FFC1;
    }

    Change #E0FFC1 to what you want.

    hellow again, I tried this code

    body {
    background: url(‘wp-content/uploads/2013/08/fondo.png’) repeat fixed 0 0 #FAFAFA !important ;
    color: #5A5A5A;
    padding-bottom: 0;
    }

    but do not work , the background is the same and the img doesn’t appears

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    For everyone who’s having an issue apart from hyldahl82 please create your own threads to discuss your own issues.

    The solution was already given to hyldahl82 regarding the background. If that solution didn’t work for you then you are not experiencing the same issue.

    General rule: Don’t post in someone else’s thread unless you are contributing towards their solution.

    That’s the same I’m talking about.

    The CSS is:
    .round-div {
    border: 104px solid #E0FFC1;
    }
    Change #E0FFC1 to what you want.

    I must underline the fact that I’m new to this…

    Anyway, I’ve already added the code for the backgrpund colour, which worked fine.

    Do I add the above code, underneath the code that I’ve added for the background in the custom css box?

    That’s correct.

    body {
      background: none repeat scroll 0 0 #FFFFFF;
      color: #5A5A5A;
      padding-bottom: 0;
    }
    Change #FAFAFA to background color you want
    Change #5A5A5A to text color you want
    You can also use an image as background:
    background: url('/wp-content/uploads/NAMEOFFILE.png') repeat fixed 0 0 #FAFAFA !important ;
    .round-div {
    border: 104px solid #ffffff;
    }

    Done that, but nothing happens. The background yes, but the background behind the circles is still the same…

    I’ve posted both codes and this is also the way I’ve added them in the custom css box …could something be wrong there maybe?

    Unfortunately, it won’t work in Custom CSS, because the quote characters are forbidden in there. You will need to make a child theme (don’t worry, it’s easy).

Viewing 15 replies - 1 through 15 (of 30 total)
  • The topic ‘Background colour’ is closed to new replies.