• Resolved nancy324

    (@nancy324)


    I’ve successfully set up my header and background image in the Sundance theme, but for the life of me cannot figure out how to change that awful lavender page color. Can someone please help? I’m going nuts!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Try going under Appearance > Background.

    1) Click “Remove Background Image.”

    2) Select a different background colour, either via the colour picker or by entering a hex code.

    Screenshot: https://cloudup.com/cXUHmenOCHl

    Thread Starter nancy324

    (@nancy324)

    Thanks, but the background is not a problem. It’s the page that the text is on that is the problem. I did some looking and was very surprised to find that most themes do not provide for change of the page color. I will need for my husband the computer engineer to go through the CSS code to find where the color command is buried. I looked and could not find it.

    Moderator Kathryn Presner

    (@zoonini)

    Could you please provide a link so I can take a look directly? I can help you better if I can see your site, as the above steps worked for me on a test site. Thanks!

    Thread Starter nancy324

    (@nancy324)

    Thanks, but it’s not published yet and I think I would have to make you an administrator to see it? In any event, your steps work fine for me too, just don’t address my particular problem. Thanks again!

    Moderator Kathryn Presner

    (@zoonini)

    Ah, I think I might understand what you’re trying to do. Could you try this CSS:

    body.custom-background #page {
        background-image: none;
        background-color: #ffffff;
    }

    That should let you upload your own custom background image but then reset the background colour of the main column to white – just change the colour to anything you like.

    Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Let me know how it goes!

    Thread Starter nancy324

    (@nancy324)

    Thanks so much, Kathryn. My in-house tech support (spouse) thinks your idea will work, but I’ve decided to shop around for a new theme that will allow a bit more flexibility.

    Sure, good luck with your theme search!

    Haha @nancy324 “I’m going nuts!” <— I resonate!!! I too toiled for ages trying to figure it out. Seems to me in this theme sometimes things are one way then you try the same method and they become another way I can’t figure it out ?!

    Kathryn – I am trying the method u suggested. But I can’t figure out how to activate custom css? Thanks

    Nvm I figured it out!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Changing page color’ is closed to new replies.