2 replies [Last post]
itsmeabcd
itsmeabcd's picture
Offline
newbie
Last seen: 6 years 13 weeks ago
Timezone: GMT-7
Joined: 2013-08-13
Posts: 2
Points: 3

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!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 10 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9743
Points: 3822

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

itsmeabcd
itsmeabcd's picture
Offline
newbie
Last seen: 6 years 13 weeks ago
Timezone: GMT-7
Joined: 2013-08-13
Posts: 2
Points: 3

Thank you very much! That was

Thank you very much! That was incredibly helpful!