Change the "x" close button on cards

DeFactoSA
Inactive member
Topic Author
New Member

8 years 6 months ago #46621 by DeFactoSA

Change the "x" close button on cards was created by DeFactoSA

I have been asked to change the 'x' close button on the cards (that open once you click on an image on the home page) to something else - a clickable image. Please advise where I can find this to change it.

Please Log in to join the conversation.

milos
Support Staff
Moderator

8 years 6 months ago #46623 by milos

Replied by milos on topic Change the "x" close button on cards

Hello,

1. Make image size 72 x 72 px and name it like myimage.png. Upload it to /templates/hot_polygons/images folder.

2. Edit template_css.css file and change this part:

Code:

.card__btn-close {
	font-size: 36px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 36px;
	cursor: pointer;
}

with this:

Code:

.card__btn-close {
	font-size: 36px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 36px;
	cursor: pointer;
	background: url(../images/myimage.png);
}

.card__btn-close::before {
	content:"";
}

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.245 seconds