Home Forums WoodMart support forum change font size

change font size

Viewing 30 posts - 1 through 30 (of 63 total)
  • Author
    Posts
  • #29263

    Jess
    Participant

    Please! I would like to change handmade theme font size.

    Attachments:
    You must be logged in to view attached files.
    #29267

    Jess
    Participant

    how to change all page heading height?

    Attachments:
    You must be logged in to view attached files.
    #29273

    Artem Temos
    Keymaster

    Hi,

    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

    #29290

    Jess
    Participant

    Thank 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.
    #29309

    Artem Temos
    Keymaster

    Try to add this code snippet for that

    div.title-size-default {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    Regards

    #29383

    Jess
    Participant

    Perfect! Thank you so much!

    #29388

    Jess
    Participant

    only for mobil, please!

    Attachments:
    You must be logged in to view attached files.
    #29390

    Jess
    Participant

    and here, please!

    Attachments:
    You must be logged in to view attached files.
    #29400

    Artem Temos
    Keymaster

    Use 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;
    }
    #29412

    Jess
    Participant

    the 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.
    #29428

    Artem Temos
    Keymaster

    Try to add this code for mobile devices also

    .product-image-summary .entry-title {
    	font-size: 20px!important;
    }
    
    .summary .price .amount {
        font-size: 18px!important;
    }
    #29627

    Jess
    Participant

    thank 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.
    #29640

    Artem Temos
    Keymaster

    Here 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;
    }
    #29651

    Jess
    Participant

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

    #29654

    Artem Temos
    Keymaster

    Sorry, but it will require a lot of additional code customization to achieve this. There is no global option for this in our theme.

    #29662

    Jess
    Participant

    i 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.
    #29692

    Artem Temos
    Keymaster

    Add 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

    #29765

    Jess
    Participant

    Thank you, code works.
    now i would like to change them on mobile devices, please!

    Attachments:
    You must be logged in to view attached files.
    #29780

    Bogdan Donovan
    Keymaster

    Add 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

    #29797

    Jess
    Participant

    Thank you very much! Please find attachments.

    Attachments:
    You must be logged in to view attached files.
    #29809

    Bogdan Donovan
    Keymaster

    Here you go

    .footer-widget .menu li {
    font-size: 16px;
    }
    
    body .widget_product_categories .product-categories li a {
    font-size: 16px;
    }

    Regards

    #30509

    Jess
    Participant

    please find attachment.
    my account -> order

    Attachments:
    You must be logged in to view attached files.
    #30518

    Bogdan Donovan
    Keymaster

    Hi,

    Could you please provide us your admin access so we can see my admin section and manage the orders.

    Regards

    #30525

    Jess
    Participant

    can I provide test website? my prime website is not ready for this moment.

    #30539

    Bogdan Donovan
    Keymaster

    Try 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

    #30541

    Jess
    Participant

    Works! Thank you so so so much.
    Please do not close this ticket, thanks!

    #30547

    Artem Temos
    Keymaster

    OK, you are welcome!

    #30968

    Jess
    Participant

    1. 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.
    #31013

    Artem Temos
    Keymaster

    Do you mean to have different prices on the shop and on the cart page?

    #31022

    Jess
    Participant

    sale price only show in cart and cart page,
    but do not show anywhere other pages.

    Attachments:
    You must be logged in to view attached files.
Viewing 30 posts - 1 through 30 (of 63 total)

The topic ‘change font size’ is closed to new replies.