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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.