How can I convert Twenty Eleven to fixed width with CSS?
-
1. Is there any way to use the Custom Design editor to convert the twenty eleven theme to a fixed width theme?
2. Also, is there any way to remove the search bar from the menu in my page?
The blog I need help with is: (visible only to logged in users)
-
-
-
1. Fixed width
#page { max-width: 690px; min-width: 690px; }2. Searchform
#searchform { display: none; } -
-
-
I tried that in Firebug and it didn’t seem to override the max-width, but I tried it again just now and it did. Perhaps I made a typo or something the first time, or perhaps Firebug was on a coffee break.
Thanks Devblog.
-
Ok, so the code provided seems to have had the following effect: the header and menu are now fixed width. BUT the main content on the page still varies depending on the size of the window (that is, if I make the window smaller, the pictures and text wrap differently to fit the window).
Is there anyway to make everything on the page static? I thought that making the page fixed width would have this result, but it doesn’t do everything I wanted.
-
Strange. I’ve been playing with it now for a while and cannot get it to stop doing that. Hopefully devblog will drop back by with the solution. It is after midnight here and I’m on my way to dreamland.
-
-
Try this:
#page { clear: both; max-width: none !important; overflow: hidden; padding: 0; width: 690px !important; } #primary {overflow: hidden;} .entry-content {width: 100%; clear: both; overflow: hidden;} .alignright{float: right;} .alignleft{float: left;} -
I tried that in Firebug and it didn’t seem to override the max-width, but I tried it again just now and it did.
That’s one of the reasons I don’t like using Firebug for this kind of things is just not as reliable as Web Developer is. I use Firebug for debugging AJAX and JavaScript stuff.
-
I’ve got to get better acquainted with Web Developer. I’ve had it installed for eons, but never sat down and figured out how to use it. Firebug is just so quick and easy (most of the time).
-
- The topic ‘How can I convert Twenty Eleven to fixed width with CSS?’ is closed to new replies.