Portfolio filter

[themartist]

I have a masonry portfolio gallery within the swift page builder (home page) and would like the filter to be centered. Also I’d like the background to be dark – in which case text should be light. How can I do this – as the portfolio element doesn’t allow for color or text options.

[themartist]

With my extra class name “portfoliohome” I’ve tried the following:

.portfoliohome .filter-wrap {
  float:center;
  text-align:center;
}
.portfoliohome a, .ui-widget-content {
  color:#ffffff;
}

However there are two problems:

1. It works on Safari but not on firefox
2. The rollover/color effect has been removed. I’ve only edited the custom css, nothing else – but even deleting the lines of code haven’t returned the rollover effect. This is noticed with the portfolio filters on the home page as well as the portfolio page. In trying to edit the custom css I did try use “!important” command – not sure if that screwed things up….

[Rui Guerreiro – SUPPORT]

Hi,

Where you have

float:center;

replace by:

float:none!important;

I’m seeing the rollover effect hover the portfolio images.Can you clear the browser cache?

Let me know if it works.

-Rui

[themartist]

Thanks Rui – that worked, but I’m not referring to rollover images… I’m referring to rollover effect on the text – the portfolio filter tabs on both the homepage and the portfolio page have no transition effect.

[Kyle – SUPPORT]

That’s because you over writ it with this css:

.portfoliohome a, .ui-widget-content {
  color:#ffffff;
}

Try this instead:

.portfoliohome a:not(:hover) {
  color:#ffffff;
}

– Kyle

[Kyle – SUPPORT]

See my above comment

[themartist]

This reply has been marked as private.

[themartist]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

I added an extra css class to the other Portfolio and added the following code. Change it to your desired colors.

.other-portfolio a:not(:hover) {
    color:#222;
}
.other-portfolio a:hover {
    color:#CCC;
}

-Rui

[themartist]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[themartist]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

It seems that is because of your color settings.
Your hover color was the same as the normal state color, so you can’t see any change in the color.

I just changed it to orange so you can see it better.

https://www.dropbox.com/s/ksmv86je75gq8mo/color_customizer.png?dl=0

-Rui