How to change the Sidebar Width

This topic has 3 replies, 2 voices, and was last updated 10 years ago by Andrew Misplon.

Tagged: sidebar ultra

Author
Posts
June 4, 2015 at 9:54 pm #1678

kiviniar
Participant
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.
June 4, 2015 at 10:22 pm #1680
Andrew Misplon
Keymaster
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.
June 4, 2015 at 10:59 pm #1681
kiviniar
Participant
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’
June 4, 2015 at 11:02 pm #1683

Andrew Misplon
Keymaster
Awesome 🙂 Thanks for sorting out the final numbers on your side. Glad I could help.
Chat soon. Cheers.
Author
Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.