Show labels on portfolio tiles without hovering

[osmondcParticipant]

How can I set the portfolio tiles to show the title (and possibly categories) at all times (not just when hovered over). Users are complaining about having to hover over every tile to find out what it is.

Add New Note to this Reply

[ab-themesKeymaster]

Hello,

you can change the opacity value on portfolio titles, if this is what you want.
Open style.css file and go to line 2099, you’ll find code looking like this:

.portfolio_item .overlayed .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    background: none;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

in that code change opacity to 1 after that titles and categories will appear.

Add New Note to this Reply

[osmondcParticipant]

Perfect, exactly what I needed thanks.

Also would you mind pointing me in the correct direction of the CSS I could use to increase the weight or size of the font of the labels? Thanks.

Add New Note to this Reply

[ab-themesKeymaster]

Offcourse,

this is for titles, also style.css file:

.portfolio_item .overlayed .overlay .overlay_title {
    font-family: Roboto;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    margin-top: 50%;
    margin-bottom: 0;
}

in here you can change color, font size and everything else.

This is for categories:

.portfolio_item .overlayed .overlay .portfolio_item_tags {
    font-style: italic;
    margin-bottom: 0;
}

just find this code in style.css and add in here whatever you want.

Regards

Add New Note to this Reply

[osmondcParticipant]

THanks

Add New Note to this Reply

[ab-themesKeymaster]

No problem :)

Cheers

Add New Note to this Reply

[Author]

Posts