Resolved

How to change the Sidebar Width

Puro Theme started by kiviniar Jun 4, 2015 3 replies
kiviniar Jun 4, 2015 · 9:54 pm #1678

Hi Andrew,

Not a standard support request but could you please advise on this.

I wanted to change my right sidebar content width to 300px

The reason being that I wanted to add some banners images of that size (300px)

I tried adding an image which I think is getting re-sized to a smaller size

Could you please suggest the code the achieve this. I don’t mind if the post content area gets smaller.

If this does not come under the purview of free support you can charge me for the code.

Andrew Misplon Puro Jun 4, 2015 · 10:22 pm #1680

Hi kiviniar

Great to hear from you. Happy to help on something like this.

Please try the following:

/* Regular Containers */

.sidebar #primary {
  width: 70.413%;
}

#secondary {
  width: 29.587%;
}

Chrome Developer tool reckons that is equal to an actual content area in the sidebar, not including padding, of 300px. Let me know how it goes.

kiviniar Jun 4, 2015 · 10:59 pm #1681

You are a gem Andrew, that code worked.

However, I used a little math and changed the % values as with your number I was getting the content area as 282px

Used these values instead

/* Regular Containers */

.sidebar #primary {
  width: 68.524%;
}

#secondary {
  width: 31.476%;
}

Once again thanks for your ‘SUPER SPEEDY RESOLUTION’

Andrew Misplon Puro Jun 4, 2015 · 11:02 pm #1683

Awesome 🙂 Thanks for sorting out the final numbers on your side. Glad I could help.

Chat soon. Cheers.

4 posts