Need help to change color of wrapper background Collections theme

  • Unknown's avatar

    Hi, I am struggeling to set up this site. I didn’t know this theme had no option for changing colors in customize.
    I would like to change color of the wrapper which is displayed when going to the pages. As of now, I assume this wrapper is the background for the post….? In any case, I would like to change the color of it. I have tried inspect element in Firefox – but I obviously get it wrong because nothing changes.
    Help much appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi ninapetitpoisvideo

    Try this custom CSS.

    When you were inspecting the element in Firefox the color was not changing because the background is set as an image.

    .default-wrapper {
        background-image: none;
        background-color: #4A6172;
    }

    To add custom CSS

    Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

    You need to be on the WordPress.com Premium Plan for custom CSS to save.

  • Unknown's avatar
  • Unknown's avatar

    You are welcome. Let me know if you need any other help.

  • Unknown's avatar

    Hi again,
    this site is to be a resource site for my collegues. It is really an assignment – or request rather – that I have gotten from my principal.
    Retiering next summer, and it dawned on the school’s management that
    I am “sitting on” work nobody else there does/creates.
    I have been customizing Blogger a dozen of times, but just once a free WordPress. Buying this template….thought it would be quicker …..no.

    Anyway; I changed the color of the wrapper by inserting your code.
    I would like – if possible – to have the wrapper a bit wider. Width now is 800px? 900? My goal is to have 3 images (300×300) horizontal – serving as links to documents. I can’t use a gallery template for this
    I know, so the width has to cover 900+.

  • Unknown's avatar

    Hi there, currently the overall container div which encloses everything is set for a maximum width of 780px. If you add the following CSS you can adjust that number.

    .container {
        max-width: 780px;
    }

    The inner sections are set as percentage widths, so they will automatically increase in width when the container is increased.

  • Unknown's avatar

    Thank you!
    And thanks for quick responses.

  • Unknown's avatar
  • The topic ‘Need help to change color of wrapper background Collections theme’ is closed to new replies.