Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 27, 2022 at 12:35 am #1359506
    WinleyG

    Hi There,
    The entire website is at 1310px but I would like to customise one page to full width.
    Can anyone please help, I’m about to make the page live in a few hours. See link below.

    View Stock

    Home

    Thanks.

    July 27, 2022 at 10:50 am #1359531
    Ismael

    Hey WinleyG,

    Thank you for the inquiry.

    We could use the .page-id-UID (unique ID) selector to adjust the style of the elements within a specific page. The following css code for example should adjust the maximum width of the containers in the stock page above.

    .page-id-295 .container_wrap .container {
	max-width: 90vw;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    July 27, 2022 at 11:09 am #1359534
    WinleyG

    Hi Ismael,
    I’ve done the changes but only the top part adjust to the full width. The body width remains unchanged.
    Can you double-check for me.
    Thanks

    July 27, 2022 at 12:35 pm #1359546
    Rikard

    Hi,

    Please try this CSS instead:

    .page-id-295 .container_wrap .container {
    max-width: 100%;
    padding: 0;
    display: table;
    margin: 0 auto;
}

    Best regards,
    Rikard

    July 27, 2022 at 1:01 pm #1359552
    WinleyG

    Hi,
    Still not working.
    Do you think the reason why it’s not responding is because the content is from a code block.

    July 27, 2022 at 3:04 pm #1359562
    Rikard

    Hi,

    The CSS I sent is applying, I’m not sure exactly what you are looking to achieve? If you want the third party data on the page to be full width, then try this CSS as well:

    #apsWrapper div.row, .aps_grid_12 {
    width: 100%;
}

    Best regards,
    Rikard

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