Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   make sidebar width liquid (http://forum.bytesforall.com/showthread.php?t=23547)

DanDan Sep 11, 2016 06:52 PM

make sidebar width liquid
 
I need to make the sidebar width liquid so that it gets narrower as the browser gets narrow but the Style & Configure Sidebars only accepts px. How can I get it to show sidebar width as a % of page width?

I can just not use sidebars and make the sidebar as part of the page and divide it with CSS but then I would need to edit every sidebar separately if I need to edit. I would like to add a widget on the posts but use a sidebar that has responsive width or add a widget into the page.

Is there any way to do this or will I need to edit every post when I need to edit the sidebar?

Thanks,

Dan

DanDan Sep 11, 2016 07:04 PM

After posting the above post I found a plugin that will generate a shortcode for a widget that will allow a widget to be put into a page or post using the shortcode. It is called Widget Shortcode

juggledad Sep 12, 2016 05:12 AM

You could do this by adding some CSS to ATO->Add HTML/CSS Inserts->CSS Inserts option
if you wanted to set the right sidebar fluid use
HTML Code:

.colthree {width: nn%;}
where nn is the number you want. The columns use the classes
colone (left sidebar)
colone-inner (left-inner sidebar)
coltwo (center area)
colthree-inner (right-inner sidebar)
colthree (right sidebar)

If you do this, use percentages on all and make sure they add up to 100%


All times are GMT -6. The time now is 12:05 AM.

Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.