Archived topic
Editing the sidebars separatedly
5 replies · Started by Anonymous on August 3, 2016
Hi Tom,
I am a proud user of GeneratePress Premium, which is so far the best option I could have chosen. Thanks a lot for the great work!
I'm using a three-column layout, that's one main column and two sidebars on its right. Let's go with this two sidebars.
When editing padding, margin, etc. through CSS, I find that both columns are afected equally, but I need to be able to edit them separatedly. Do you think there's any way to do it?
Best,
Jorge
Hi there,
If you have our spacing add-on, you can adjust the widths of the sidebars in "Customize > Layout > Sidebars".
Otherwise, you'll need to adjust the generate_left_sidebar_width and generate_right_sidebar_width filters: https://generatepress.com/knowledgebase/filter-list/
Hope this helps :)
Hi,
I do have it, but the add-on edits both sidebars altogether (as far as I can see).
My intention would be to edit them individually (like margins/paddings/etc. on the left sidebar would be different than those on the right sidebar). The only values that can be edited individually are their respective widths.
As a newbie, I've been leafing through CSS with Firefox Inspector, but couldn't find the way.
Thanks,
Jorge
Ah, the widths can be edited separately, but not the padding.
In order to change the padding in each sidebar, you would need to do this:
.widget-area .inside-left-sidebar .widget {
padding: 40px;
}
.widget-area .inside-right-sidebar .widget {
padding: 40px;
}Adjust as needed :)
Hi Tom,
Please pardon the tardiness, I've been out for work. You gave me the answer and showed me the spot where I can go on editing.
Thanks so much!
Jorge
You're welcome :)
