Container width in percentage

[Rogi]

In the one container layout, how to putting the content width in percentage and not in pixels?

[Roberto Enrique]

You cant.

[Asier]

And what size would you say is the best one for the container? I find it a bit annoying because in my 13″ Mac the layout seems too big and the sidebar goes out the screen. Meanwhile, in my 23″ PC it looks ok, but if I make it smaller so it looks good in the Mac, it looks a bit desproporcionate in the PC…
Any suggestions?

[Tom]

You can using CSS:

body.grid-container {
    max-width: 90%;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

@asier – you could make it 3000px wide and it would still adapt to your screen (small or big), so the width is up to you.

The sidebar goes out of the screen on your 13″ Mac? Any screenshots?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Asier]

Hi

– Here is a screenshot from my Mac, with zoom in browser at 100% – I’ve tried from my work computer (Windows and screen 19″), and the effect is the same than here.

– This one is with the zoom at 80%

At home, with Ubuntu and a 23″ screen it looks fine, dont need to scroll sideways to see the whole content.

I will try with the CSS, thanks for the reply

[Tom]

You have a couple things making it so there’s a horizontal scrollbar.

1. One of your tags is so big it’s leaving the container, try adding this CSS:

.tagcloud {
    word-wrap: break-word;
}

2. Your Facebook and Google Plus like boxes are far too wide for the widget area – try reducing their width using the options they provide when you get the code for them.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Asier]

Thank you so much for your help!

You were right, the Google Plus and Facebook widgets were the problem. I tried to reduce the size, as you said, but then the widget only showed half of the content… I´ll swap them with another plugin, thats not a problem.
Your CSS code helped as well, now that long tag is inside the box.

Thanks again for the support!

Have a great day

[Tom]

Glad I could help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Tully]

I have tried the css but doesn’t seem to make any difference?

http://clone.workingsheepdogtraining.com/

[Leo]

Any chance you can open a new topic for your question?

This topic is quite old with multiple authors already.

Thanks 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts