Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Container width in percentage

Home Forums Support Container width in percentage

Home Forums Support Container width in percentage

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #186469
    Igor

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

    #186520
    Roberto Enrique

    You cant.

    #186534
    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?

    #186595
    Tom
    Lead Developer
    Lead Developer

    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?

    #186786
    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

    #186814
    Tom
    Lead Developer
    Lead Developer

    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.

    #186842
    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

    #186963
    Tom
    Lead Developer
    Lead Developer
    #927669
    Tully

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

    http://clone.workingsheepdogtraining.com/

    #927680
    Leo
    Staff
    Customer Support

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

    This topic is quite old with multiple authors already.

    Thanks 🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.