Home Forums WoodMart – Premium Template more visibility on selected filters

This topic contains 9 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 month, 2 weeks ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #218322

    nicolaj
    Customer

    Hi,

    I like if you could help me make the filter selections stand out a bit more.
    Increase the font size and make a background color as in attached sample image.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #218388

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .widget_layered_nav_filters ul li a {
        font-weight: 600;
        font-size: 16px;
        background-color: #f9f9f9;
        padding: 5px 5px 5px 18px ;
    }

    Change the styles as per your needs.

    Best Regards

    #218411

    nicolaj
    Customer

    Thanks, I almost achieved what i hoped for.
    Only thing is I would like the margin also to be on the left side of the X like the sample.

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

    Hello,

    Please try to increase the left padding https://prnt.sc/tyvylm and add line:margin-left: 20px; into the code.

    Best Regards

    #218485

    nicolaj
    Customer

    Hi Elise,

    My css is looking like this but it does not exfect the +/- that element keeps floating right regardless the size of margin.

    body .widget_layered_nav_filters ul li a {
    font-weight: 600;
    font-size: 14px;
    background-color: #f9f9f9;
    border:2px solid;
    border-color:#d3a1bf;
    padding: 8px 8px 8px 25px ;
    margin-left: 25px
    }

    #218546

    Hello,

    Please try this code:

    body .widget_layered_nav_filters ul li a {
        font-size: 16px;
        background-color: #f9f9f9;
        padding: 5px 5px 5px 28px;
    	  border:1px solid #cecece;
    }
    body .widget_layered_nav_filters ul li a:before {
        left: 5px;
    }

    Best Regards

    #218569

    nicolaj
    Customer

    Thanks, I didn’t get the margin fixed with this either, but lets just say I’m pleased enough with the result like it is.

    I have set up some sales product. and want to change the look slightly.
    See attached image.

    a) How do i make sales price red and keep regular prices in grey.
    b) I also want to add a bit withe space between the two prices.

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

    Hello,

    Please provide page URL I will provide custom CSS. Sales format is configured in the Theme Settings > Shop page.

    Best Regards

    #218667

    nicolaj
    Customer

    Okay thansk Elease, please have a look at included url.

    Private Content Hidden
    #218715

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .product-grid-item .price>.amount, 
    body .product-grid-item .price ins>.amount {
        padding: 0 20px;
    }

    Best Regards

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

You must be logged in to reply to this topic.