Change Log out Link to Button

Hello @vince123,

You can attempt to do this with our [wppb-logout] shortcode: https://www.cozmoslabs.com/docs/profile-builder-2/shortcodes/#Create_a_Front_End_Log_out_Text_Link

Insert it into a page like this so it show only the text Log Out:
[wppb-logout text="" redirect_url="https://www.yourdomain.com/page" link_text="Log out"]

Then you need to apply some CSS styling to it to make it a button. Here’s an example with some dummy colors:

.wppb-logout-url {
	background-color: #D46A6A;
	padding: 10px;
	border: 1px solid #D46A6A;
	box-shadow: none !important;
	border-radius: 10px;
	color: white;
	font-weight: bold;
}

.wppb-logout-url:hover {
	background-color: #AA3939;
	border: 1px solid #AA3939;
	color: white;
}

Regards.

Hi Georgian Cocora

Thanks for the great support for this amazing plugin, the shared solution works just fine.

Thanks!
Vince