Archived topic
Equal length columns
89 replies · Started by Anonymous on August 20, 2014
That works... except that it kills the rounded corners on the content area. Looks like it may not be possible to have rounded corners on both the content and the sidebar, and 100% height too? If so I'll probably keep the rounded corners on the sidebar and have the content square cornered but equal height to the sidebar.
When you pasted the code into the wp_footer hook, you also pasted in some CSS which is setting the color to white.
You can remove the CSS from the wp_footer hook and it will work :)
Simply add the border-radius attributes to the .site-main element and you should be good to go :)
Wow!!!
Thank you so much, how can I offer you a coffee or a beer?
Your service is great, continue like this!
That has absolutely sorted it, thanks! CSS is wonderful when you know what to put where :)
Ha! Thanks so much! There's a "Buy me a coffee" button in your Dashboard under "Appearance > GeneratePress".
Really appreciate it! Thanks again :)
Sure is! :)
Done ;)
Thanks for you help!
Thank you! Will use it on my morning coffee ;)
Tom,
I'm trying to do something similar to this, but instead expanding the main content on short pages to the length of the sidebar, e.g. on this page : http://www.alanbaxteronline.com/contact/
I don't just want to set the background of the theme to white, as I like the black borders around the sidebars at present, any other ideas?
Best regards
James
This method would work well for you - your sidebars are already solid white, so it would just take your sidebars and main content to the same height. The black borders between sections would remain :)
Tom,
perfect - now sorted. I'd tried the sidebar code originally but didn't realise I needed to set the main content to white as well. Looking nice : http://www.alanbaxteronline.com/contact/
thanks again
James
Perfect! Glad I could help :)
Hi Tom and thanks for the great theme / support.
Is there any way to make the content of the sidebar sticky while using this footer code. I tried this plugin before adding the equal length column code and it worked great.
https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/
Now the sidebar is full height there is no "stickiness".
Thanks
Perhaps some more details are in order.
I set the id #right-sidebar to be sticky in the plugin and it worked well before. Now I need the sidebar to stick from class .inside-right-sidebar but this is no longer unique as it is also called by the new script in the footer.
I guess I need to give the inside-right-sidebar content a new identifier to allow the Sticky Plugin to work. I don't know how to approach this.
The site (in development) is: http://www.havuzcu.net/
I don't really need the equal column height, I only need to have no spacing between the sidebar widgets while keeping the space between the main container and sidebar.