Home › Forums › WoodMart support forum › more visibility on selected filters

more visibility on selected filters

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 13, 2020 at 2:43 am #218322

    nicolaj
    Participant

    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.

    Attachments:
    You must be logged in to view attached files.
    August 13, 2020 at 8:30 am #218388

    Elise Noromit
    Member

    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

    August 13, 2020 at 9:33 am #218411

    nicolaj
    Participant

    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.
    August 13, 2020 at 9:58 am #218426

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    August 13, 2020 at 12:59 pm #218485

    nicolaj
    Participant

    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
    }

    August 13, 2020 at 10:12 pm #218546

    Elise Noromit
    Member

    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

    August 14, 2020 at 4:53 am #218569

    nicolaj
    Participant

    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.
    August 14, 2020 at 8:08 am #218611

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    August 14, 2020 at 10:07 am #218667

    nicolaj
    Participant

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

    August 14, 2020 at 12:35 pm #218715

    Elise Noromit
    Member

    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

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