Home Forums Basel support forum Reduce Size text of dropdown menu (specifically)

Reduce Size text of dropdown menu (specifically)

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #205920

    alex33160
    Participant

    Hello,

    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.
    #205955

    Hello,

    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

    #205969

    alex33160
    Participant

    Hello,

    Thank you for your fast reply it works perfectly!

    Have a nice day,

    Alexandre

    #206020

    alex33160
    Participant

    Hello,

    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.
    #206109

    Hello,

    How can I get to the checkout I cannot add a product to the cart. Add to cart has been modified.

    Best Regards

    #206156

    alex33160
    Participant

    Hello,

    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,

    #206291

    Hello,

    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

    #206720

    alex33160
    Participant

    Hello 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.
    #206731

    Eric Watson
    Participant

    Hello,

    The text is highlighted because you use the tag strong which adds color and font-weight.
    http://prntscr.com/t7092c

    Kind Regards
    XTemos Studio

    #206976

    alex33160
    Participant

    Hello,

    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.
    #206984

    Hello,

    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

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