Home Forums WoodMart support forum Change width of homepage slideshow

Change width of homepage slideshow

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #214304

    karakoutas
    Participant

    I installed electronics demo and I changed width of webpage to 1600px.
    The slideshow seems narrow.
    See attached image the gap between Browse Categories Menu and Slideshow.
    How can I change its width?
    G.

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

    Hello,

    You need to edit the page which has the slider and increase the column width on desktop https://wpbakery.com/video-academy/responsive-column-control-width-offset-param-usage-explained/

    Best Regards

    #214439

    karakoutas
    Participant

    I tried it but it didn’t respond.
    I think that it has to do with the width of the slide itself.
    For desktop view it is 900px. I changed it to 1200 but it is still narrow.
    Any other suggestions?
    G.

    #214482

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    #216692

    karakoutas
    Participant

    Hi Sorry for the delay.

    #216765

    Hello,

    You have set a wider page width in comparison with our demo and 25% on full-width is wider than 25% on the default width.

    Please do the following:

    1. Remove the first empty column.

    2. Make the column with the slider as 12 columns

    3. Remove custom margin-left

    4. Add left padding 300px approximately to the column with the slider depending on what gap you need

    5. Add this class to the column reset-paddings

    6. Add this code to the Theme Settings > Custom CSS > Global:

    .reset-paddings {
      padding-left: 15px !important;
    } 

    Best Regards

    #218139

    karakoutas
    Participant

    I’ve done it but in responsive view (tablet or mobile) the slide stuck on the right leaving a white gap (due to padding 300px) on the left.
    That’s not good.

    #218151

    Hello,

    You need to configure the columns with on different devices: https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

    Best Regards

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