Back ground color in body of page (8 posts)

  1. FotograffitiOrtega
    Posted 1 year ago #

    Hello all,

    I am creating some pages on my site where the background of the body is white and i want to vary the colors. So for instance where i solely have text, id like to have black BG and white letters.

    Site is http://www.fotograffitiortega.com/prices
    or http://www.fogograffitiortega.com/nature


  2. CrouchingBruin
    Posted 1 year ago #

    Looks like you switched themes from Stargazer to Suffusion?

    It looks like you tried to add some CSS to your Pricing page, but it shows up as text. You can add CSS directly to a page, but:
    1) You have to make sure you do it using the Text editor and not the Visual Editor, and
    2) You have to enclose the CSS in <style> tags like this:

    background-color: #6495ed;

    What is better is to add the CSS either through a custom CSS option (if the theme you're using has one) or through a CSS plugin like JetPack or Custom CSS Manager. If you need to target a specific page, you just add the post ID class to the front of the selector. For example, the Pricing page has a post ID of 15, so if you wanted to change the background color of all the DIVs on just that page, you would add this rule:

    body.page-id-15 div {
       background-color: #6495ed;
  3. FotograffitiOrtega
    Posted 1 year ago #

    Wow thanks for the reply. I waited for sometime and when no one responded i decided to go ahead and change out the theme. Im having this same issue with other themes as well. There is no easy way to customize the fonts, colors etc.

    I even went as far as downloading FireFox and Firebug in an attempt to try and do some more edits.

    My wants are simple - a theme that is totally customizable to the tenth power where i can place my photos for my customers to see, choose and purchase. Not so easy as i have discovered.

  4. CrouchingBruin
    Posted 1 year ago #

    My wants are simple - a theme that is totally customizable to the tenth power where i can place my photos for my customers to see, choose and purchase.

    If you want something that is highly customizable, take a look at Montezuma. Instead of the limited set of options that most themes provide, you work with virtual templates and CSS files, so you have total control over the layout and appearance. You can have a sidebar on the left or on the right, two sidebars on the left, create widget areas in the header, footer, etc., however you want to layout the site. You should have a decent background, though, in HTML and CSS, or you will have a bit of a learning curve. For example, you should know that an opening DIV tag needs to be matched to a closing DIV tag, and that elements need to be properly nested in each other. You can take a look at some of the sites in the showcase thread to see how customizable the theme is.

  5. majklsl
    Posted 1 year ago #

    please i have got a website reborn-babies.tk and I´d like to change a white background behind the text. I tried to do it using some changing background plugins, but nothing works for me. Please where in CSS file can I change it? I also tried to change it there, but without any changes...

    /* === Adjustments when there's a custom background defined. === */
    .custom-background #2d2d2d,
    .custom-background #sidebar-subsidiary {
    padding-left: 25px;
    padding-right: 25px;

    Thank you for your help.

  6. CrouchingBruin
    Posted 1 year ago #


    Just add this rule using a CSS plugin like Custom CSS Manager. Do not edit the theme's stylesheet directly, or your changes will be lost the next time the theme is updated.

    #main {
       background-color: #ddddff;

    If you need help with the color codes, there's a color picker here.

  7. majklsl
    Posted 1 year ago #

    Thank you very much, it works now :)

  8. VVooDz
    Posted 1 year ago #

    I've just spent the best part of an hour fiddling with the Stargazer editor... to resolve the question I think we've been looking for.

    Ultimately a result leaving a transparent body to reveal the background image below.

    paste the below text into your Custom CSS Panel and the white body background will be gone. if this is what you've been after.

    #main {
    background-color: transparent;

    /* ====== background: #FFF ====== */

    #container > .wrap,
    #reply-title small a,
    .whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
    background: transparent;

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic