Home › Forums › WoodMart support forum › buttons font is not consiistent in product page
buttons font is not consiistent in product page
- This topic has 14 replies, 2 voices, and was last updated 4 weeks, 1 day ago by
Hung Pham.
-
AuthorPosts
-
March 17, 2025 at 8:23 am #646252
kidsdial4Participantfont 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….
please login to see all buttons.
March 17, 2025 at 2:08 pm #646433
Hung PhamKeymasterHi 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,
March 17, 2025 at 4:14 pm #646484
kidsdial4ParticipantHi
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.
March 18, 2025 at 7:53 am #646604
Hung PhamKeymasterHi 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,
March 18, 2025 at 9:14 am #646616
kidsdial4ParticipantThanks, “Add to wishlist” is fine, but “Add to quote” is dim[not same as other two. it should be bold as other two ] .
March 18, 2025 at 10:04 am #646635
Hung PhamKeymasterHi kidsdial4,
I don’t see
Add to quote
button.Regards,
March 18, 2025 at 10:44 am #646661
kidsdial4Participantplease login and check product page
March 19, 2025 at 6:53 am #647009
Hung PhamKeymasterHi kidsdial4,
I checked the page and figured out it disabled. Please read through their documentation or ask their support for more details.
Regards,
March 19, 2025 at 7:31 am #647017
kidsdial4Participantplease check private content
March 19, 2025 at 5:55 pm #647296
Hung PhamKeymasterHi 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,
March 20, 2025 at 9:06 am #647438
kidsdial4ParticipantHi
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”
March 20, 2025 at 1:18 pm #647553
kidsdial4Participantplease 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”.
March 21, 2025 at 10:52 am #647809
Hung PhamKeymasterHi 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,
March 23, 2025 at 7:50 pm #648301
kidsdial4Participantwhy 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.
March 25, 2025 at 7:34 am #648641
Hung PhamKeymasterHi 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,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register