How to change the style of masonry filters ?

edited December 2017 in Portfolio
Hello,

I'm working on my portfolio and i got a problem with the customisation of the masonry filters.

I want to play a little with the style / colors of the text, hover etc... .

Where and how can i do this ? 

Thanks a lot !


Comments

  • HI,
    what do you mean exactly. All the visual settings can be done in theme options>blog,portfolio&shop>portfolio and the colors in theme options>colors.
    Ofcourse not everything can be changed.
    thanks
  • edited February 2018
    Hey !

    Same here, I would like to use the style of filter menu portfolio from "be Artist" theme (in homepage) with other theme, but so far I couldn't find a way to do it.

    Do you have a solution ?

    Thanks,

    EDIT : You can change a little bit the style going to Themes Options  - Global - General.
    Not clear at all how that is changing the menu, a line to explain that this option change some menu, would be really usefull.

    Moreover, I don't have the special lines that the "Artist" theme have ... How can I add them ?
    Regards
  • aryus96
    Hi,
    you have to insert a portfolio item and edit it. In the options choose to use filters (yes) and save the changes.
    You also need to change the style to simple in theme options>global>general
    thanks
  • edited February 2018
    Hi !
    Thanks for the help, I will try to be more clear about my question.

    Here's the filter portfolio menu of artist theme :
    image

    You see the centered vertical line ? I would like to add it to this layout (Also if I can change the color of the lines) :
    image

    I really tried my best by looking into the CSS and the inspect option of Firefox/GoogleChrome and I couldn't find it.

    Thank you for the help !

  • There was some custom css used to make this, this is it:
    .style-simple #Filters .filters_wrapper ul { border-color: rgba(255, 255, 255, 0.2); }
    .style-simple #Filters .filters_wrapper:after { content: ""; display: block; margin: 0 auto; width: 2px; height: 80px; margin-bottom: 20px; background: rgba(255, 255, 255, 0.2); }
  • It works ! 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.