Portfolio – Animated Overlay Styling

[thebeesons]

Hi,

Just wondering if there is any custom css I can use to style the Portfolio hover text (see attached).

Ideally I would like:
– Text Aligned left
– Project title bolder OR larger than the subtitle below, currently they are both bold and the same size

In a perfect world the subtitle would be a list of the portfolio categories that the item appears in – at the moment I am doing this manually, which isn’t a major problem, so this is not essential if it cannot be achieved!

As ever – thanks in advance

GB

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

figure.animated-overlay:hover figcaption .thumb-info h4 {
font-size: 22px!important;
}
figure.animated-overlay figcaption {

text-align: left!important;
}

-Rui

[thebeesons]

Hi Rui,

Title now bigger which is great 🙂
Text is offset to the left but not left aligned?

See attached

GB

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Try this:

figure.animated-overlay figcaption h4 {
text-align: left!important;
}

– Kyle

[thebeesons]

Ace – had to add some padding on the left but otherwise just the job!

Thanks again

GB

[Rui Guerreiro – SUPPORT]

Great.No problem. Thanks Kyle
-Rui