Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • July 21, 2022 at 6:15 pm #1359046
    cyrilbedel

    Hi,

    Some time ago we opend a thread about the width of the pages, we closed it because your team provided a solution that worked perfectly, but now we still have a problem on the width of one page : https://www.edunao.com/scorm-une-norme-defficacite/ (password in private content)

    For memory, here is the url of the older thread: https://kriesi.at/support/topic/how-to-add-margins-or-padding-on-the-left-and-right-sides-of-the-content-only/#post-1356038

    Can you help?

    Thanks!

    July 21, 2022 at 7:24 pm #1359068
    Rikard

    Hey cyrilbedel,

    What exactly are you looking to alter on the page you linked to?

    Best regards,
    Rikard

    July 26, 2022 at 1:47 pm #1359461
    cyrilbedel

    Hi Rikard,

    We want to keep the width of the header (menu bar) and the width of the footer to 1310px.

    And we want to set the width of the main content of the pages (the body) to 917px, like ont the other pages of the site.

    Best regards,

    Olivier

    July 26, 2022 at 1:53 pm #1359463
    Yigit

    Hi Olivier,

    Thanks for contacting us!

    You are using Grid Row element on your page to display your content on this page. Grid Row is a full width element and it does not use the container width you set so please use Column elements instead :)

    Best regards,
    Yigit

    July 26, 2022 at 5:15 pm #1359481
    cyrilbedel

    Hi Yigit,

    Thank you for your answer.

    I tried to use column elements in the first place but the result doesn’t fit with what the designer wants.

    Isn’t there a mean to force the Grid Row element not to be in full width trough additional CSS?

    Best regards,

    Olivier

    July 26, 2022 at 8:07 pm #1359495
    Rikard

    Hi Olivier,

    Regular columns and Grid Row columns should result in basically the same layout, with the difference that the Grid Row is full width. Could you create a test page with regular columns, so that we can see the problem you are getting when you are using them please? We can’t really know what your designer wants unless you tell us, or post a screenshot highlighting your intentions.

    Best regards,
    Rikard

    July 26, 2022 at 8:26 pm #1359498
    cyrilbedel

    Hi Rikard,

    Thank you for your answer, here is the design wanted by the designer :
    https://xd.adobe.com/view/ba458149-5a98-41f6-975a-3701e4f6b322-ef16/

    Does it help?

    Best regards,

    Olivier

    July 27, 2022 at 10:46 am #1359530
    Rikard

    Hi,

    Thanks for that. You should be able to achieve something similar if you use 1/1, 1/5 and 4/5 column elements. Please try that out.

    Best regards,
    Rikard

    July 27, 2022 at 3:40 pm #1359566
    cyrilbedel

    Hi Rikard,

    My problem is how to create the column in full height on the right side of the design (the title of the column is “Nos plugins”) by using column elements?

    Best regards,

    Olivier

    July 27, 2022 at 4:47 pm #1359576
    Rikard

    Hi,

    Thanks for the clarification, I didn’t realise that you had created the sidebar manually. Is there a particular reason as to why you need to create it manually? Wouldn’t the normal sidebar functionality work for you?

    Best regards,
    Rikard

    July 27, 2022 at 5:11 pm #1359578
    cyrilbedel

    Hi,

    The reason I created the sidebar manually is that we need a sidebar only on this page, not on the other pages of the site, so I cannot use WordPress’s sidebar options.

    And what if I keep on using the Grid Row element on this page and we just create an exception in additionnal CSS for it? Sort of:

    grid-row-container #main .container {
    max-width: 917px !important;
    width: 917px !important;
    margin: auto;
    float: none;
    }

    Could it work?

    Thanks again and best regards,

    Olivier

    July 27, 2022 at 5:53 pm #1359584
    Rikard

    Hi,

    Thanks for the clarification, I understand your problem now. Please try this CSS as well:

    .page-id-15087 .av-layout-grid-container {
    width: 917px;
    max-width: 917px;
    display: table;
    margin: 0 auto;
}

    Best regards,
    Rikard

    July 27, 2022 at 6:32 pm #1359590
    cyrilbedel

    Hi Rikard,

    Thank you very much, it works! have a look here: https://www.edunao.com/scorm-une-norme-defficacite/ (the password is: Edunao2022

    The only problem I still have is an horizontal border at the bottom of the Grid Row container that is not supposed to be there. Can you help or do I need to open a new thread for this?

    Best regards,

    Olivier

    July 27, 2022 at 6:46 pm #1359594
    Rikard

    Hi,

    Please try this CSS as well:

    .page-id-15087 .container_wrap {
    border-top-style: none;
}

    Best regards,
    Rikard

    July 27, 2022 at 6:57 pm #1359595
    cyrilbedel

    It works, thanks again!!!

    Best regards,

    Olivier

    July 27, 2022 at 8:03 pm #1359603
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    July 27, 2022 at 8:35 pm #1359609
    cyrilbedel

    Yo can close the thread, thank you so much Rikard!

    Best ragards,

    Olivier

    July 27, 2022 at 9:33 pm #1359614
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Width of the pages’ is closed to new replies.