Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #3236135
Style Filter Button
Closed

Comments

  •  2
    hema77 started the conversation
    February 20, 2023 at 10:56am

    Hello, how can I style the filter buttons? I would like to remove border radius and increase padding. I have tried the following but it does work: 

    .portfolio-show-filters-button with-icon {
    position: relative;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    padding: 3px 15px 4px 13px;
    color: inherit;
    border: 1px solid currentColor;
    border-radius: 0px important!;
    cursor: pointer;
    z-index: 5;


  •  7,280
    Oliver replied
    February 20, 2023 at 10:59am

    HI!

    CSS example:

    body .portfolio-filters-list.style-standard:not(.single-filter) .portfolio-filter-item .widget-title {
    padding: 10px 20px;
    border-radius: 0;
}

     

    3938581396.jpg

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver