Replace an icone by an image in portfolio

Hi the team,
In the portfolio project page, I would like to change the foursquares icon (back to portfolio list) by an image.
How can I do that please?
Thanks
Fred

Attachments:

You must be logged in to view attached files.

Hi,

– In order to do that, add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.single-portfolio .back-to-archive:after {
    background-image: url(put src of image);
	width: 47px;
	height: 47px;
	color: transparent; 
}

You can change height & width values equal to background image.

Regards

Hi the Team,

Thanks a lot, it works, another question please :

I changed the label text “back to archive ” by ” back to site”, it works well but I would like to change the color of the background (black to orange) the color of the little arrow (blak to orange) and the color of the text (white to grey).

How doing that please.

Thanks and have a nice weekend.

Fred

Hi,

In order to do that, add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.wd-page-nav{
	background-color: #FFA500;
}

.wd-page-nav .wd-page-nav-icon{
	color: #FFA500;
}

.wd-page-nav .wd-entities-title,
.wd-page-nav .wd-label{
	color: #808080;
}

Regard

[Author]

Posts