Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

make sidebar width liquid


  #1  
Old Sep 11, 2016, 06:52 PM
DanDan
 
41 posts · Aug 2010
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
  #2  
Old Sep 11, 2016, 07:04 PM
DanDan
 
41 posts · Aug 2010
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
  #3  
Old Sep 12, 2016, 05:12 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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%
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
how to make mobile width 100% billybatz9 Header configuration & styling 0 Jan 25, 2015 09:39 PM
[SOLVED] Trouble controlling sticky intro post in liquid layout anartist Atahualpa 3 Wordpress theme 6 Sep 19, 2012 02:03 PM
LAYOUT: 100% width & (Middle + sidebar) centered width 960px => how to do? bender57 Sidebars & Widgets 2 Jan 27, 2011 02:50 AM
[SOLVED] How to make the width of the sidebar smaller? motionart Sidebars & Widgets 4 Sep 28, 2010 04:27 AM


All times are GMT -6. The time now is 09:29 PM.


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