Home › Forums › Basel support forum › Reduce Size text of dropdown menu (specifically)
Reduce Size text of dropdown menu (specifically)
- This topic has 10 replies, 3 voices, and was last updated 4 years, 5 months ago by Elise Noromit.
-
AuthorPosts
-
June 24, 2020 at 5:27 am #205920
alex33160ParticipantHello,
I would like to reduce the size of the text that appears in the drop-down menu. Thank you to see the screenshot for a better understanding. I also provide the website’s link like that you can see by yourself.
Thank you in advance,
Alexandre
Attachments:
You must be logged in to view attached files.June 24, 2020 at 7:19 am #205955
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .basel-navigation .menu > li.menu-item-design-default .sub-menu li a, .font-default { font-size: 16px; }
Best Regards
June 24, 2020 at 7:55 am #205969
alex33160ParticipantHello,
Thank you for your fast reply it works perfectly!
Have a nice day,
Alexandre
June 24, 2020 at 11:10 am #206020
alex33160ParticipantHello,
I would like to change the size of the text present on the checkout page. I attached a screenshot, the part that I want to change are with red square.
Thank you in advance,
Alexandre.
Attachments:
You must be logged in to view attached files.June 24, 2020 at 1:39 pm #206109
Elise NoromitMemberHello,
How can I get to the checkout I cannot add a product to the cart. Add to cart has been modified.
Best Regards
June 24, 2020 at 2:04 pm #206156
alex33160ParticipantHello,
Could you try again please, it works well in my end.
When you click to add to cart the will see the right side bar with checkout button.
Thank you,
June 25, 2020 at 6:36 am #206291
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .woocommerce-checkout-review-order-table tfoot .order-total th { font-size: 14px; } body .wcf-embed-checkout-form table.shop_table tfoot tr:last-child .woocommerce-Price-amount { font-size: 14px; } body .wc_payment_method label{ font-size: 24px; } body .woocommerce-checkout #payment div.payment_box p{ font-size: 12px; } body .wcf-embed-checkout-form #payment .woocommerce-privacy-policy-text p { font-size: 12px; } body .wcf-embed-checkout-form .woocommerce .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text { font-size: 12px; }
Set the font-sizes as per your needs.
Best Regards
June 26, 2020 at 1:34 pm #206720
alex33160ParticipantHello thank you for your help, i applied the change and it works fine now!
I have another problem concerning the size of the text you can see on the screenshot. I don t know why but this part of the text is displaying with different font sizes.
Could do you help me please, i would like to display the text in 18px.
Thank you
Attachments:
You must be logged in to view attached files.June 26, 2020 at 2:50 pm #206731
Eric WatsonParticipantHello,
The text is highlighted because you use the tag
strong
which adds color and font-weight.
http://prntscr.com/t7092cKind Regards
XTemos StudioJune 28, 2020 at 5:36 am #206976
alex33160ParticipantHello,
thank you for your answer.
I am not speaking about the strong part, i am speaking about the overall size of the font. As you can see the font of the page (on computer) is 18 but this part is 15 and i cannot find a way to increase it (i don’t know why this part is smaller). I would like to have the size font 18 everywhere. Please see the screenshot below.
Thank you in advance,
alexandre
Attachments:
You must be logged in to view attached files.June 28, 2020 at 6:54 am #206984
Elise NoromitMemberHello,
This text is a list that is why a different font-size has been applied. Here is the code if you want to change:
.wpb_text_column ul:not(.social-icons)>li { font-size: 18px; }
Please add this code to the Theme Settings > Custom CSS > Global.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register