Home Forums WoodMart support forum buttons font is not consiistent in product page

buttons font is not consiistent in product page

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #646252

    kidsdial4
    Participant

    font and style of buttons in product page are not consistent, please make it consistent for all 3 buttons.

    Add to wishlist , add to quote buttons should look similar as “ADD TO COMPARE” button….

    https://prnt.sc/1b6niPteoRGO

    please login to see all buttons.

    #646433

    Hung Pham
    Keymaster

    Hi kidsdial4,

    Thanks for reaching to us.

    It looks like you are using an extra plugin for add to wishlist functionality. Can you please try to use WoodMart theme feature?

    Regards,

    #646484

    kidsdial4
    Participant

    Hi

    Thanks a lot for suggestion, but the wishlist that I am using due to plugin because for it ll provide some custom features, so please make a font style of add to wishlist and add to quote buttons same as compare button.

    #646604

    Hung Pham
    Keymaster

    Hi kidsdial4,

    Thanks for reaching to us.

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global CSS section:

    a.wlfmc_add_to_wishlist{
        text-transform: capitalize;
    }
    
    a.wlfmc_add_to_wishlist:before {
        content: "\f106";
    }
    
    a.wlfmc_add_to_wishlist:before {
        font-size: var(--wd-action-icon-size, 1.1em);
        transition: opacity .15sease;
        font-family: "woodmart-font";
        font-weight: 400;
    }

    Regards,

    #646616

    kidsdial4
    Participant

    Thanks, “Add to wishlist” is fine, but “Add to quote” is dim[not same as other two. it should be bold as other two ] .

    #646635

    Hung Pham
    Keymaster

    Hi kidsdial4,

    I don’t see Add to quote button.

    Regards,

    #646661

    kidsdial4
    Participant

    please login and check product page

    #647009

    Hung Pham
    Keymaster

    Hi kidsdial4,

    I checked the page and figured out it disabled. Please read through their documentation or ask their support for more details.

    Regards,

    #647017

    kidsdial4
    Participant

    please check private content

    #647296

    Hung Pham
    Keymaster

    Hi kidsdial4,

    I saw the button, but the style of button means that has been disable, which requiring you need to find the options inside plugin settings to enable it again.

    Regards,

    #647438

    kidsdial4
    Participant

    Hi

    I have enabled the style of button, now please revisit the url and help me to make the style of button as same as “compare button”

    #647553

    kidsdial4
    Participant

    please check video url posted in private content.

    When we open the page, the text of “Add to quote” is bit dim/shading/not bright as “compare” button.

    But it should be same dark as other compare buttons.

    Once user select the option from “Product Type”, “ADD TO QUOTE” button displaying too march far from “ADD TO WISHLIST” button. please help to make align. there should not be too much space between “Add to quote” & “Add to wishlist”.

    #647809

    Hung Pham
    Keymaster

    Hi kidsdial4,

    – Go to Appearance > Customize > Additional CSS and remove this code https://ibb.co/Vp9z21qy

    – Please add the below Custom CSS code to Theme Settings > Custom CSS > Global CSS section:

    .woocommerce .yith-ywraq-add-to-quote .yith-ywraq-add-button a.add-request-quote-button.button{
        background-color: transparent !important;
        color: #000 !important;
        border: 0 !important;
    }
    
    .yith-ywraq-add-to-quote .yith-ywraq-add-button a.button.add-request-quote-button {
        padding: 7px 40px 7px 0 !important;
        text-transform: capitalize;
    }
    
    .wlfmc-add-button>a.wlfmc_add_to_wishlist{
        background: transparent;
        padding: 10px 20px 10px 40px;
    }

    Regards,

    #648301

    kidsdial4
    Participant

    why the “ADD to quote” text is shaded until we select “Product type”

    before selecting add to quote : https://prnt.sc/j8bg_j3QLA6v

    after selecting product-type : https://prnt.sc/4togX6XldQSl

    what we need :

    by default it should look bright or same as other buttons before selecting “Product type” also.

    #648641

    Hung Pham
    Keymaster

    Hi kidsdial4,

    Thanks for your patience.

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    a.add-request-quote-button.disabled {
        opacity: 1 !important;
    }

    Regards,

Viewing 15 posts - 1 through 15 (of 15 total)