Tue, 2013-08-13 20:59
I've been trying to change the size width of the layout of the page, but I cannot seem to find where it is exactly that I need to change this. I want to make it somewhat narrow, as it is too wide for what I want. I am not an experience user, so I am having trouble with this. The style.css file that came with the theme, literally has no information; so I used a developer tool and was able to view the virtue.css file. I tried playing with it, but with no luck. Any help please?
The theme I am using is virtue by Kadence Themes.
The website is www.pikappuci.com/site.. thank you very much!
Wed, 2013-08-14 01:32
#1
It's that silly grid system
Look at this in the bootstrap css:
.span12 { width: 1170px; }
The page tries to adjust to the browser's viewport size, but this sort of silliness breaks the meme. Near the top of the body markup is a div element with id="wrapper" In your main css file set
#wrapper { max-width: 960px; /*example, choose your own favorite value*/ }
I don't know what to tell you about that big steaming pile called bootstrap other than go through its css file and get rid of .grid(xx) fixed width rules. Test for breakage and move on to the next.
cheers,
gary
Wed, 2013-08-14 04:01
#2
Thank you very much! That was
Thank you very much! That was incredibly helpful!