Home › Forums › WoodMart support forum › change font size
change font size
- This topic has 62 replies, 3 voices, and was last updated 6 years, 10 months ago by Artem Temos.
-
AuthorPosts
-
December 16, 2017 at 4:02 pm #29263
JessParticipantPlease! I would like to change handmade theme font size.
Attachments:
You must be logged in to view attached files.December 16, 2017 at 4:27 pm #29267
JessParticipanthow to change all page heading height?
Attachments:
You must be logged in to view attached files.December 16, 2017 at 6:59 pm #29273
Artem TemosKeymasterHi,
Use the following code snippet for the font size
div.woodmart-info-box.box-title-default .info-box-title { font-size: 16px; } div.woodmart-title-size-medium .woodmart-title-container { font-size: 18px; } div.woodmart-title-size-medium .title-after_title { font-size: 12px; }
Page title size can be changed in Theme Settings -> Product page.
Regards
December 17, 2017 at 1:33 am #29290
JessParticipantThank you for your reply, the code works.
I would like to change page heading HEIGHT, there is too much space.
please find attachment.Attachments:
You must be logged in to view attached files.December 17, 2017 at 9:31 am #29309
Artem TemosKeymasterTry to add this code snippet for that
div.title-size-default { padding-top: 50px; padding-bottom: 50px; }
Regards
December 18, 2017 at 1:49 am #29383
JessParticipantPerfect! Thank you so much!
December 18, 2017 at 3:24 am #29388December 18, 2017 at 3:28 am #29390December 18, 2017 at 7:32 am #29400
Artem TemosKeymasterUse this code snippet
.product-grid-item .product-title a { font-size: 20px; } span.price span.amount:first-child, span.price span.amount { font-size: 18px!important; }
December 18, 2017 at 8:09 am #29412
JessParticipantthe code works for grid product, thank you.
but it does not work for single product page.
( only for mobil )Attachments:
You must be logged in to view attached files.December 18, 2017 at 9:07 am #29428
Artem TemosKeymasterTry to add this code for mobile devices also
.product-image-summary .entry-title { font-size: 20px!important; } .summary .price .amount { font-size: 18px!important; }
December 19, 2017 at 8:42 am #29627
JessParticipantthank you, the code works very well.
now i would change menu and categories font size on mobile devices, please.Attachments:
You must be logged in to view attached files.December 19, 2017 at 12:24 pm #29640
Artem TemosKeymasterHere you go
div.mobile-nav-tabs .mobile-tab-title { font-size: 20px; } .mobile-nav .woodmart-wishlist-info-widget > a, .site-mobile-menu > li > a { font-size: 18px!important; }
December 19, 2017 at 1:18 pm #29651
JessParticipantcan make all or default font size 18px on mobile devices?
for example: handmade info box, featured product, footer, short description, description, product sidebar…
most of our customers are old people, so we need large font size on mobile devices, 18px is ok.December 19, 2017 at 1:39 pm #29654
Artem TemosKeymasterSorry, but it will require a lot of additional code customization to achieve this. There is no global option for this in our theme.
December 19, 2017 at 2:38 pm #29662
JessParticipanti need your a lot help, and i will follow you.
now i would like to change them on mobile devices…Attachments:
You must be logged in to view attached files.December 19, 2017 at 7:36 pm #29692
Artem TemosKeymasterAdd this code snippet for mobile devices only
div.title-wrapper .title-subtitle { font-size:18px; } div.title-wrapper .woodmart-title-container { font-size:20px; } div.title-wrapper .title-after_title { font-size:16px; } div.woodmart-products-tabs .products-tabs-title li { font-size:18px; } div.woodmart-info-box .info-box-title { font-size:18px!important; } div.woodmart-info-box .info-box-inner { font-size:16px; } .product-image-summary .woocommerce-product-details__short-description { font-size:18px; }
Regards
December 20, 2017 at 1:30 pm #29765
JessParticipantThank you, code works.
now i would like to change them on mobile devices, please!Attachments:
You must be logged in to view attached files.December 20, 2017 at 3:04 pm #29780
Bogdan DonovanKeymasterAdd this code snippet for mobile devices Custom CSS area
article.blog-design-masonry .entry-title, article.post-single-page .entry-title { font-size: 20px!important; } .woodmart-entry-content, article.post-single-page p { font-size: 18px; } .woodmart-widget .widget-title { font-size: 20px; } .widget_product_categories .product-categories li.current-cat>a { font-size: 18px; } body .widget_product_tag_cloud .tagcloud a, body .widget_tag_cloud .tagcloud a { font-size: 18px !important; } .footer-widget p { font-size:18px; } body .woodmart-recent-posts .entry-title a { font-size: 18px !important; }
Regards
December 20, 2017 at 5:03 pm #29797
JessParticipantThank you very much! Please find attachments.
Attachments:
You must be logged in to view attached files.December 20, 2017 at 7:00 pm #29809
Bogdan DonovanKeymasterHere you go
.footer-widget .menu li { font-size: 16px; } body .widget_product_categories .product-categories li a { font-size: 16px; }
Regards
December 26, 2017 at 6:27 am #30509
JessParticipantplease find attachment.
my account -> orderAttachments:
You must be logged in to view attached files.December 26, 2017 at 7:21 am #30518
Bogdan DonovanKeymasterHi,
Could you please provide us your admin access so we can see my admin section and manage the orders.
Regards
December 26, 2017 at 9:03 am #30525
JessParticipantcan I provide test website? my prime website is not ready for this moment.
December 26, 2017 at 10:51 am #30539
Bogdan DonovanKeymasterTry to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.
.woocommerce-orders .woocommerce-orders-table__cell ins, .woocommerce-view-order .woocommerce-order-details ins { background-color: transparent; padding: 0; } .woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.pay, .woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.cancel { display: none; } .woocommerce-orders .woocommerce-orders-table__cell-order-actions .button.view { margin-right: 0; }
Regards
December 26, 2017 at 12:00 pm #30541
JessParticipantWorks! Thank you so so so much.
Please do not close this ticket, thanks!December 26, 2017 at 12:09 pm #30547
Artem TemosKeymasterOK, you are welcome!
December 30, 2017 at 4:25 am #30968
JessParticipant1. How to hide or remove “sale label” ?
2. How to hide or remove “sale price” on shop page, category page and single product page?
3. “sale price” only can show in cart.
Please!Attachments:
You must be logged in to view attached files.December 30, 2017 at 10:36 am #31013
Artem TemosKeymasterDo you mean to have different prices on the shop and on the cart page?
December 30, 2017 at 11:56 am #31022 -
AuthorPosts
The topic ‘change font size’ is closed to new replies.
- You must be logged in to create new topics. Login / Register