Turn Contact Vendor link into a button

[consciouscrafties]

Hi Harry,

I have a link on every product page so our customers can contact the vendor.

This used to be a button in my old theme, can you help me turn the link into a button again please?

(see screenshot for where the Contact Craftie link is on the product pages)

Many thanks for your help,

Karen

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Karen,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.btn.btn-highlight {
	cursor: pointer;
	padding: 0 34px;
	background: #65c651;
	color: #fff;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 600;
}
.btn.btn-highlight:hover {background: #222;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Thanks so much Harry! Looks fab 🙂

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Karen,

please change prev code to

.btn.btn-highlight {
	cursor: pointer;
	padding: 0 34px;
	background: #65c651;
	color: #fff;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 600;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	margin: 15px 0;
}
.btn.btn-highlight:hover {background: #222;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Oh wow that’s even nicer and really clear! Thank you so much!!!! 🙂

[Author]

Posts