[chrislovietyler]

Hi, there.

Could you tell me how to change the width of the “full-width” page, without breaking the responsiveness?

I want to make it a bit narrower than it is, so the lines of text are shorter.

Thanks,
Chris.

[Mehmet S.]

Hi, use this in your custom css field:

body.page-template-page-full-width-php #content > .row-fluid { width: 90%; }

[chrislovietyler]

Doesn’t seem to be working.

[Mehmet S.]

Make sure you have the latest version.

[chrislovietyler]

Yes, I do. Just updated to 3.4 today.

[chrislovietyler]

Wondered if it might have been browser related (I use Chrome), but I tried it in IE and it didn’t work there either.

[ahmetsali]

try this one;

body.page-template-page-full-width-php #content > .row-fluid {
    max-width: 1200px;
}

this works on my side, if you can’t get it work, please provide your page url to see what’s wrong.

[chrislovietyler]

That doesn’t seem to be working either.

Even with the max-width set to 500px (which it currently is), it still looks the same.

My URL is chrislovietyler.com.

[ahmetsali]

if you want to make your current homepage narrow, try this custom css;

.readable-content { max-width: 580px; }

[chrislovietyler]

Perfect! Thank you!

[Kaneisha]

Hello! I’m updated to the latest version, and I used the code you mentioned in post #10360 but it still doesn’t work. Here’s the link to what I’m working on: http://theartofapplying.com/?p=7717. Thank you!

[ahmetsali]

Hi @Kaneisha

i just checked your markup and can’t see the custom css code;

.readable-content { max-width: 580px; }

make sure you add this to Custom CSS box.