Okay
  Public Ticket #1638766
.widget-area
Open

Comments

  • noamspitkowski started the conversation

    Hi , 

    I try to design my .widget-area in the SHOP page.

    I want to align the list of "categories" and list of "color" more to the left but i can not find the correct object to set it with CSS code.

    Can you please help me with a short css code that will align all to the left?

    I only managed no move the heading using: 

    .widget-area .widgettitle {
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 15px;
        margin-left: -100px;
    }

    Thank you 

  •  930
    Ylli replied

    Hi noamspitkowski,

    You can't move the sidebar like this so please remove your old code because you will have problems with the style in the future and you will blame us for that.

    The container of your website is like this as you can see:


    (view on a new page)

    If you want to make your container bigger (as in our Fashion demo) then you need to add a CSS code like this in your Custom CSS area:

    /* Body: Large Screens */
    @media (min-width: 1400px) {
        .container, .content-area {
            width: 1370px;
            max-width: 1370px;    
        }
        
        .vc-container .vc-parent-row.row-stretch_row>.vc_row,
        .vc-container .vc-parent-row.row-default {
            width: 1370px;
            max-width: 1370px;    
        }
        
        .woocommerce .products.columns-3 .product {
            width: 33.3%;
        }
    }
    /* Body: Large Screens */
    @media (min-width: 1600px) {
        .container, .content-area {
            width: 1570px;
            max-width: 1570px;    
        }
        
        .vc-container .vc-parent-row.row-stretch_row>.vc_row,
        .vc-container .vc-parent-row.row-default {
            width: 1570px;
            max-width: 1570px;    
        }
        
        .woocommerce .products.columns-3 .product {
            width: 33.3%;
        }
    }

    P.S: Your question was a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area but I decided to help you this time.

    Please be aware as by doing customization if something happens like miss-editing files the responsibility is yours and we wont support you on finding the problem, as we are only guiding you how to get the results you need.

    Have a great day!

    Will set this ticket as solved from here.

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook