Need help to change color of wrapper background Collections theme

• 

  petitpoisvideos · Member · Sep 26, 2015 at 4:05 pm

  • Copy link
  • Add topic to favorites

  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)

• 

  g471n · Member · Sep 26, 2015 at 5:02 pm

  • Copy link

  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.

• 

  petitpoisvideos · Member · Sep 26, 2015 at 6:40 pm

  • Copy link

  THANK YOU!!!

• 

  g471n · Member · Sep 26, 2015 at 7:02 pm

  • Copy link

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

• 

  petitpoisvideos · Member · Sep 26, 2015 at 7:17 pm

  • Copy link

  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+.

• 

  thesacredpath · Member · Sep 26, 2015 at 7:36 pm

  • Copy link

  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.

• 

  petitpoisvideos · Member · Sep 26, 2015 at 7:55 pm

  • Copy link

  Thank you!
  And thanks for quick responses.

• 

  thesacredpath · Member · Sep 26, 2015 at 8:50 pm

  • Copy link

  You are welcome.