Change font of Portfolio Filters

Hi,

I would like to change the font of the portfolio filters so that they fit to the rest of the website. How can I achieve that? ( (2) on the picture)

Furthermore it would be great if it would somehow be possible to shorten the line underneath the portfolio filters. In my opinion it's just too long and does not look good. Does anyone knows a solution to that? ( (3) on the picture)

Here is a link to my website: http://benedikt-falkenstein.de

I'm really looking forward for some help! Thank you!!

Kind regards,
Benny


image

Comments

  • Hi,
    2) Paste this code below to the Theme Options > Custom CSS & JS > CSS
    #Filters .branding a{
    font-family:'Arial' !important;
    }

    3) This is hard-coded into the theme and we cannot change it
    All I can suggest is removing that underlining through the CSS.
    Will it be okay?
    Thanks
  • Cool, that works, thank you so much!!

    Yes I would be happy if you could give me the css to remove the underlining.

    But if you go to the portfolio site itself the line underneath the filters is just a big as the filters. You can see it here:


    So is it still not possible to make it look like this on other pages then the portfolio site itself?

    Thank you!!

  • Which underline do you have in common?

    Active (left) or not active or both of them?
    Also, this CSS will affect every page with this type of filtering.

    Thanks
  • Then I think I whould like to remove both lines.

    But is it not possible to make it look everywhere like on the portfolio page itself? The following image explains what I mean:

    image
  • Please paste that code into the Theme Options > Custom CSS & JS > CSS
    #Filters .categories{
    border-color:transparent !important;
    }

    #Filters .current-cat a::after{
    display:none !important;
    }

    #Filters .filters_wrapper::after{
    display:none !important;
    }
    Thanks
  • Yeah that works again! Thank you!

    But for the picture I've sended you have no solution?
  • I do not understand.
    You want to change these codes to be working only on the "My work" page?
    Thanks
Sign In or Register to comment.