Add to cart button line height

Hi there 🙂 I’m struggling to decrese the line height for the rounded add to cart button… can’t find the right snippet… any ideas?
Thanks!

Hi,

Could you please send us a link to your website and some screenshot where exactly do you want to change the line height?

Kind Regards

🙂

Try to use this CSS code snippet

body .woodmart-hover-standard .btn-add>a span:not(.woodmart-tooltip-label) {
    padding: 4px 14px;
}

Worked perfectly! <3
I’m using the Standard button product grid style… is there a way to add a shadow to the product but still keeping the standard button style?
Thank you, again.

Try to use this code to add a shadow

.woodmart-hover-standard {
    box-shadow: 0px 0px 3px #cecece;
    padding: 3px;
}

Works perfectly for the homepage, on category pages they seem to be glued together.Tried to increase the space between products but that does not seem to work. Please take a look at the link.

Sorry, but there is no way to do this on the shop page for this hover style. If you want to keep this on the home page only, use this code

.slide-product .woodmart-hover-standard {
    box-shadow: 0px 0px 3px #cecece;
    padding: 5px 5px 15px 5px;
    border-radius: 4px;
}

it’s great, anyway.Thank you.
How can I change the homepage background color? just the homepage…

Unfortunately, there is no such option for the page. You can add your background for each row on that page or move all rows into the section element and set the background for this section.

That’s a great idea! I think it will work. Would you please take another look at the website? I’ve spent my whole night trying to do a few things. I managed to remove the sticky header logo for desktops, but I can’t seem to align the menu to the left side perfectly. I’m also trying to change the header search bar color scheme. I’ve made the background white, but I don’t know how to remove the border behind it and make the text black. Also, is it possible to give a 5px border radius for every dropdown? or at least my account and cart. Please, take a look. 🙂
Thank you.

Here is a custom CSS for these questions

/* sticky header menu */

.sticky-header .site-logo {
	display: none;
}

body .sticky-header .main-nav {
	padding-left: 0;
}

/* search color scheme */

body .header-color-light .widgetarea-head .searchform input[type=text] {
    border-color: rgba(255,255,255,0);
    color: #000;
}

body .searchform ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.6)!important; }
body .searchform  ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.6)!important; }
body .searchform   :-moz-placeholder {
    color: rgba(0, 0, 0, 0.6)!important; }
body .searchform :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6)!important; }

/* Border radius */
.dropdown-cart,
.menu-item-register .sub-menu-dropdown {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

Thank you so much! 🙂 Everything worked except the search bar border when clicked, the little submit magnifier button on the search bar, it is still white, is it possible to make it dark and also add a little colored background behind it? I think it will look great.. and the my account/dashboard dropdowns border radius, that did not work..

Add this code also

body .woodmart-header-links>ul>li>.sub-menu-dropdown {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

body .header-color-light .widgetarea-head .searchform input[type=text]:focus {
    border-color: transparent;
}

It’s working! Thank you. What about the search submit button?

Here is a code for the button

body .header-color-light .widgetarea-head .searchform .searchsubmit {
	color: #090909;
}

Everything works. You the real MVP! 🙂 Thank you.

Great, you are welcome 🙂

[Author]

Posts