Docs

[ahengster]

Hi there,

I would like to check, for the portfolio rollover, is it possible to:

1. Remove the link icon when rolled over?
2. Possible to change the hover over colour to black instead of white?

http://www.quarters.sg/projects/

Best,
Amanda

[Prasant Rai]

Hello Amanda,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

a.entry-thumb {
    background-color: #000 !important;
}

.x-comment-time, .entry-thumb:before, .p-meta {
    display: none !important;
}

Thanks.

[ahengster]

Hi Prasant,

Thank you!

This works on my desktop. However when I test it out on my mobile, the link icon is still shown. Did i miss out on anything?

Best
Amanda

[ahengster]

Hi there,

On top of that, is it possible to set the level of transparency for the roll over? OR can I forgo the background colour upon hovering over?

Best,
Amanda

[Rad]

Hi there,

I don’t see the link icon on mobile. Please clear your mobile’s browser cache.

It has hover-transparency effect already, and this is the one responsible for it

a.entry-thumb:hover img {
    opacity: .35;
}

I checked and it’s transparent when I hovered, I’m not sure what you’re currently getting. Would you mind providing some screenshots?

Thanks!

[ahengster]

Hi there,

got it! thank you for guiding me so much!

Another qns!

When i rollover at this point, the cursor will show “permalink to xxxx..”

Can this be removed as well? Just want to allow people to click within.

Best,
Amanda

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global JavaScript :

jQuery(".entry-featured a").removeAttr("title");

Hope that helps.

[Author]

Posts