kath_eck

Awesome, worked a treat thanks ??

Hi Laranz – that’s very helpful – thank you ??

As you can see on my site the horizontal lines don’t fill the whole width of the page.

Is there anyway this can happen?

Kind regards

No icons next to the red text….

Hi Steve

The CSS customiser didn’t seem to recognise the titles there – they appeared red and came up as errors for some reason…do you know why? Thanks

Thank you for your help ??

That worked perfectly – thank you so much ??

Thanks for your reply Steve ??

That didn’t centralize it unfortunately – it might be to do with the rest of the CSS I have used to center my menu.. ?

@media only screen and (min-width: 992px){
#header .top-header .col-sm-8.col-xs-4 {
width: 100%;
}

Lovely, thanks so much ??

Ah lovely, thanks you much both of you ??

I’ve worked it out

.img {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}

.img:hover {
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

life is good.

bump

How do I add a class to only the images I want to hover?

I don’t want to apply the effect to everything on the page.

Thanks for your help

Sorry – I got rid of it for now because I didn’t know how to take it away from the logo.. this was the CSS I used:

.page-id-7
img {
-webkit-filter: opacity(40%); /* Safari */
filter: opacity(40%);
}
img:hover {
-webkit-filter: opacity(100%); /* Safari */
filter: opacity(100%);
}

Thanks ??

You are wonderful dnyanraja! Thank you so much ??

Dear Steve

Thank you for your response, I did change the margin there and it didn’t make a difference.

It turned out I needed to disable the titles in my Elementor plugin I had running.

Thanks for your help ??