Is there a way to change the rollover/hover effect for a linked image in Muffin Builder?

tekninja · April 2015

Is there a way to change the rollover/hover effect for a linked image in Muffin Builder? I don't see a way to change the default (see image below) beyond editing the colors. I would like to set a different image as the rollover image. Thanks!

markobb · April 2015

You can do that by adding some css code to Add Custom CSS

CSS code

.myRolloverImage {
	display: block;
	width: 100px;
	height: 100px;
	background: url('/path/to/myImage.png') bottom;
	text-indent: -99999px;
}
.myRolloverImage:hover {
	background-position: 0 0;
}


HTML (you can add this to your page where you want effect to take place)

<a class="myRolloverImage" href="#LinkURL">You can add content here</a>

DouglasSouza · April 2015

Hi.

I have the same problem but don't know where change the css.

Can help me.

Albert · April 2015

@DouglasSouza Each custom css should be pasted into Theme options > Custom CSS & JS > Custom CSS section.

DouglasSouza · April 2015

Thanks but dont worked.

http://www.grupoanaya.com.br/arquivos/print

Albert · April 2015

@DouglasSouza We need url to page where images are.

DouglasSouza · April 2015

I'm using local host. Maybe that's the problem?

Albert · April 2015

Maybe, but until we won't get url, we have no idea what is wrong.

Is there a way to change the rollover/hover effect for a linked image in Muffin Builder?

Comments