Change the color in circle hover Joomla module

Resolved Issue

PS Circle Hover Effect Ajay 18 Nov 2017

(1 Ratings)

I am trying to change the color of the border around the image. I'm sure it's done using custom css but not quite sure what the css code would look like.

Any help would be greatly appreciated.

css code joomla module circle hover effect

Accepted Answer

AppClave Accepted Answer

6 years ago #170

Hi Ajay,

Can you add below CSS style to in your code and check if it is working

@media (max-width: 480px) { 
	.tm_csshovereffect ul.ch-grid li{
		height: 340px;
		margin-bottom: 20px;
	}
	.ch-info-wrap, .ch-info{
		width: 100%;
		height: 100%;
	}
	.ch-info-wrap {
		width: 88%;
		height: 88%;
	}
}

Best Regards,
AppClave Team

Reply

3 Responses

AppClave

6 years ago #168

Hi Ajay,

You can use the below CSS style to in your code for changing the border color of PS Hover Circle Effect

Note: Here you just replace the #888 color code value with your own color code value

.ch-info-wrap{ 
	box-shadow: 0 0 0 20px #888, inset 0 0 3px rgba(255, 255, 255, 0.75) !important;
}

Best Regards,
AppClave Team

Reply

Ajay

6 years ago #169

Sweet, thank you very much.

One other question, on a desktop or laptop screen the circles show up correctly, but on mobile devices and smaller screens they overlap each other. Is there any fix for this?

Reply

Ajay

6 years ago #171

Yep, that did it. Thanks again!

Reply