Home Forums WoodMart support forum Page Shop Layout – Width

Page Shop Layout – Width

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #430945

    staffcreator
    Participant

    Hi boys! 🙂

    I would like to be able to enlarge the layout of the shop page, but if I insert the CSS code in the layout page, unfortunately it doesn’t take me over..

    Can it be done in any other way?

    Obviously only the Shop page must be with a greater Width. All other pages must be allowed to remain at the default width.

    (I am attaching a small video)

    Let me know.. 🙂
    In private I leave you the access to do the necessary tests.

    A thousand thanks!
    I’ll wait for you here
    Greetings

    Attachments:
    You must be logged in to view attached files.
    #430999

    Hello,

    The Rows settings under your Custom Archive layout wasn’t set to Stretch row and content which we have set and now the Shop page layout appears wide as you wanted.

    Please check back your Site after completely clearing browser and server cache.

    Best Regards

    #431013

    staffcreator
    Participant

    Hello Aizaz!

    Thank you for your answer 🙂

    I saw.. but I don’t want it to be enlarged so much..

    Must have a value of Maximum 1600px

    I had already done the Stretch row test..

    Actually the CSS customizer should work only for the indicated page as shown in the previous video, but this doesn’t work.

    Do you have other ideas?
    Let me know why I need the Shop page to be 1600px as the maximum width.

    I’ll wait here!
    Greetings

    #431082

    Hello,

    To apply any sort of Custom CSS to any specific Page then most commonly their Page ID or Page Class is used which is dynamically generated under the body tag of that Page which you can check through the browser Inspect tool.

    So, we have applied the following Custom CSS on your Site to make the Shop page max-width 1600px:

    .archive .website-wrapper .main-page-wrapper .container {
        max-width: 1600px !important;
    }

    In thi CSS, the .archive is the Shop page class name and as the container was under the main page wrapper so it needs to be accessed through the hierarchy under the CSS.

    Location to find Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section >> at the bottom you can the CSS pasted.

    Please check back your Site after completely clearing browser and server cache.

    Best Regards

    #431833

    staffcreator
    Participant

    Hello Aizaz!
    OK perfect!

    Now it works as I wanted!

    Thanks friend!
    until next time!

    You can close the ticket

    Greetings

    #431947

    Most Welcome!!!.

    I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

    We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Page Shop Layout – Width’ is closed to new replies.