Home › Forums › WoodMart support forum › How to change Woodmart Theme width's content area

How to change Woodmart Theme width's content area

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 21, 2019 at 2:27 am #145705

    tntlam1102
    Participant

    We are using Black Friday Demo. But I would like to reduce the width of content area like this one https://woodmart.xtemos.com/.

    Can you please guide me how to make change ?

    September 21, 2019 at 7:16 am #145722

    tntlam1102
    Participant

    I tried to make change in Cusomize – General Layout, but the preview seems not change

    September 21, 2019 at 11:36 am #145769

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You can change the layout or set the custom width of your pages from Theme Settings >> General Layout >> Set the Site width as boxed or custom as per your requirement.

    http://prnt.sc/p91ubp

    Also, I have checked your site and not found any difference in your site and our demo site. Please check your site after removing the browser cache.

    Best Regards.

    September 21, 2019 at 12:55 pm #145795

    tntlam1102
    Participant

    No, I tried to change it before. Change from 1400 to 1025 pixel but nothing changes.
    You can look at this one : https://latiki.vn/ky-thuat-danh-bong-son-xe-o-to-chi-tiet-phan-1/.
    And https://onezero.medium.com/facing-the-great-reckoning-head-on-8fe434e10630
    I would liek the content width to be shorter and more cetered in Desktop View.

    September 21, 2019 at 1:49 pm #145801

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Custom width option for layout is working perfectly fine at my test site. You can check the video for clarification:

    https://jmp.sh/oSETpXN

    Could you please switched to parent version of theme if you are in the child version or remove your custom css code. Also remove your site and browser cache as well. This will surely fix your issue.

    Best Regards.

    September 24, 2019 at 2:47 am #146214

    tntlam1102
    Participant

    No, it’s not working on my site. Can you please check it.
    I change pixel from 1400 to 1100 and then clear cache. Nothing happens.

    September 24, 2019 at 7:04 am #146230

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have test your side the custom width option for layout is working alright at your site. Check the video which is recorded by changing the width on your site: https://jmp.sh/wRIGqIs

    It seems your browser cache. Kindly clear your browser cache.
    Also you are using an old version of theme and contains outdated theme required plugins.
    Kindly update the theme as well as plugins.

    Screenshot: https://jmp.sh/c1kOebq

    Best Regards.

    September 24, 2019 at 9:00 am #146264

    tntlam1102
    Participant

    Hello, ok it works now, but I dont want change width’s layout content for homepage. Keep it at 1400 px while other pages such as blog post, categories, custom pages will be 1100 pixels. Please guide me to make changes.

    September 24, 2019 at 11:05 am #146288

    Aizaz Imtiaz Awan
    Keymaster

    Hello

    I’m glad to hear that now it works for you.

    It is not possible with the theme options to keep 1400px width for pages like blog post, categories etc and 1100 pixels width for custom pages.

    But you can do it via custom css. Edit your custom wordpress pages with Wp-Bakery Page Builder and paste the below css in Page CSS by clicking on the Settings Icon.

    body {
    width: 1100px;
}

    Screenshot: https://jmp.sh/3alg9zz

    Width for other pages like blog and categories: https://jmp.sh/wChmRgY

    By doing this blog post, categories etc pages have 1400 px width and your custom wordpress pages have 1100px width.

    Best Regards.

    September 24, 2019 at 4:43 pm #146391

    tntlam1102
    Participant

    Hello, I will try it. Thank you for your support.
    I have another issue. Please see my screenshot: http://tinyurl.com/yxtqgfxf
    I would like to short description length not strech too much like my screenshot. It should be around centre to focus on user’s view.

    September 25, 2019 at 6:15 am #146419

    Aizaz Imtiaz Awan
    Keymaster

    Most Welcome,

    To shorten the description length of the products. Please insert the below css in Theme Settings >> custom code >> Custom CSS for desktop.

    .woocommerce-product-details__short-description{
width:500px;
}

    You can increase or decrease the width. I just used 500px to set an example for you.

    Screenshot: https://jmp.sh/xmpM08D

    Result: https://jmp.sh/zKiYify

    Best Regards.

    September 25, 2019 at 10:40 am #146503

    tntlam1102
    Participant

    Thank you very much. It works well

    September 25, 2019 at 10:52 am #146511

    Aizaz Imtiaz Awan
    Keymaster

    Well, tntlam1102, it’s been great chatting with you! I hope I resolved your issues thoroughly.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘How to change Woodmart Theme width's content area’ is closed to new replies.