Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 18, 2018 at 8:12 pm #1011488
    FadingReality

    Hi,
    the checkout page in our shop is stretched to full width, but I would prefer the boxed version. If I turn the theme option to boxed, the whole website is in the boxed style. That’s not what I want. I just want the checkout page to be more centered and not stretched to the borders of the screen.
    Check the screenshot I attached.

    Thank you.

    September 18, 2018 at 9:36 pm #1011521
    Jordan Shannon

    Hey FadingReality,

    Please provide a link to the site so we can look into this further. It should be possible via css.

    Best regards,
    Jordan Shannon

    September 19, 2018 at 12:37 pm #1011784
    FadingReality

    Here’s the link:

    September 19, 2018 at 3:33 pm #1011855
    Victoria

    Hi FadingReality,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.responsive  .woocommerce-checkout.woocommerce-page .container {
    max-width: 1200px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 20, 2018 at 12:20 pm #1012237
    FadingReality

    That worked, but it also made the footer smaller. I just want the page to be smaller, not the footer. What can I do about that?

    September 21, 2018 at 9:31 am #1012691
    Dude

    Hi,

    I solved the issue by adding this code to the quick css field (at the very bottom):

    

.responsive  .woocommerce-checkout.woocommerce-page .container_wrap.fullsize:not(#av_section_1) .container, .responsive  .woocommerce-cart.woocommerce-page .container_wrap.fullsize:not(#av_section_1) .container {
    max-width: 1000px;
}

    Best regards,
    Peter

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