Home › Forums › WoodMart support forum › Add to cart button line height

Add to cart button line height

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • February 20, 2018 at 9:34 am #41117

    Andrew Forest
    Participant

    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!

    February 20, 2018 at 10:02 am #41127

    Artem Temos
    Keymaster

    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

    February 20, 2018 at 10:07 am #41131

    Andrew Forest
    Participant

    🙂

    February 20, 2018 at 10:08 am #41133

    Artem Temos
    Keymaster

    Try to use this CSS code snippet

    body .woodmart-hover-standard .btn-add>a span:not(.woodmart-tooltip-label) {
    padding: 4px 14px;
}
    February 20, 2018 at 10:27 am #41139

    Andrew Forest
    Participant

    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.

    February 20, 2018 at 12:27 pm #41166

    Artem Temos
    Keymaster

    Try to use this code to add a shadow

    .woodmart-hover-standard {
    box-shadow: 0px 0px 3px #cecece;
    padding: 3px;
}
    February 20, 2018 at 12:57 pm #41188

    Andrew Forest
    Participant

    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.

    February 20, 2018 at 1:00 pm #41189

    Artem Temos
    Keymaster

    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;
}
    February 20, 2018 at 1:21 pm #41197

    Andrew Forest
    Participant

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

    February 20, 2018 at 2:17 pm #41206

    Artem Temos
    Keymaster

    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.

    February 21, 2018 at 8:17 am #41368

    Andrew Forest
    Participant

    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.

    February 21, 2018 at 9:32 am #41383

    Artem Temos
    Keymaster

    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;
}
    February 21, 2018 at 11:08 am #41413

    Andrew Forest
    Participant

    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..

    February 21, 2018 at 12:18 pm #41423

    Artem Temos
    Keymaster

    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;
}
    February 21, 2018 at 12:30 pm #41432

    Andrew Forest
    Participant

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

    February 21, 2018 at 12:35 pm #41433

    Artem Temos
    Keymaster

    Here is a code for the button 

    body .header-color-light .widgetarea-head .searchform .searchsubmit {
	color: #090909;
}
    February 21, 2018 at 12:47 pm #41437

    Andrew Forest
    Participant

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

    February 21, 2018 at 2:30 pm #41457

    Artem Temos
    Keymaster

    Great, you are welcome 🙂

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)