Changing some colours…

Hi I search around the forum, and I find some tips, I was able to change the hover color of the cart in the header, but I don’t find some css snippet for changing the wishlist icon hover color, and sold-out label color, as you see in the screenshots, can you give me some advice?

I use this topic also for ask if is possible to have the my account icon in the topbar.
Or always in the top bar or in the header too a clickable text hello:”username” linked to my account page.

Many thanks for any feedback

Regards

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.right-column .wishlist-info-widget>a:after {
	color: red;
}

body .shopping-cart>a:hover {
	color: red;
}

.shopping-cart:hover .woocommerce-Price-amount {
	color: red;
}

.product-labels .product-label.out-of-stock {
	background-color: red;
}

.basel-cart-totals .woocommerce-Price-amount {
	-webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

Hello:”username” feature only works for the header. You can enable it in Theme Settings -> Header -> Other -> “My account” link with the username. My account in topbar can be added via default menu item placed in the top bar area.

Regards

Hi thanks for the snippet it works pretty good! You are great! I enable my account link with username in theme settings, but is not showed in the header, could be the type of header the problem? Actually I have simplified layout header with general boxed layout.

Regards

By default, this header layout doesn’t have Login/Register link. But you can add it manually placing the following code snippet to the functions.php file in the child theme.

add_filter( 'basel_header_configuration', 'basel_custom_header_configuration', 1, 1 );

function basel_custom_header_configuration() {

		return array(
			'container' => array(
				'wrapp-header' => array(
					'logo',
					'main_nav',
					'right-column' => array(
						'header_links',
						'search',
						'wishlist',
						'cart',
						'mobile_icon',
					)
				)	
			),
		);
}

Thanks, I was found that snippet too on the forum, but it messes up the header in line icons, there is anyway to have all elements on the same line?

Attachments:

You must be logged in to view attached files.

Ok seems that I do it, I make some adjustment in the header right column width, and header height, in the theme settings, and seems that works properly you can confirm that that was the right way to do that?

Thanks again!

Yes, you just need to increase your right column width in Theme Settings.

Thanks all works good, I link to this topic for minor issue, Instagram button is not showing when i put shortcode [social_buttons] also if I insert the http://link in the social theme setting. All others buttons works.

Regards

Try to use this shortcode instead [social_buttons type="follow"]

it works thanks!

You are welcome!

[Author]

Posts