Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

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,097
    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