Home › Forums › WoodMart support forum › Base Price Size CSS

Base Price Size CSS

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 23, 2021 at 6:42 pm #314157

    EMJ92
    Participant

    Dear Suppor Team

    the webshop is almost finished and I am really excited about your theme! I have already tried a few and Woodmart is by far the best! I have to tell you that 🙂

    I still have one small thing where I do not get further.

    I would like to change the size of the base price via CSS. I just can’t get it to change only the base price and not both prices.

    Have a nice day 🙂

    Attachments:
    You must be logged in to view attached files.
    August 23, 2021 at 11:55 pm #314193

    Elise Noromit
    Member

    Hello,

    Thank you very much for your warm feedback.

    You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

    Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards

    August 24, 2021 at 6:06 am #314218

    EMJ92
    Participant

    i have already tried this. however, i can either change both prices or only one.

    I also tried with css and just can’t get it to work

    August 24, 2021 at 6:39 pm #314366

    Elise Noromit
    Member

    Hello,

    Unfortunately, HTML structure does not allow to change this price, these prices have the same classes, and that is why when you change one, the second price also changes.

    Best Regards

    August 25, 2021 at 5:52 am #314442

    EMJ92
    Participant

    Hmm okay. And how is this possible? Why can i edit one of them only in the browser editor?

    Attachments:
    You must be logged in to view attached files.
    August 25, 2021 at 10:22 pm #314657

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .single-product .entry-summary .price:not(.price-unit) .amount {
	font-size: 18px;
}

    Best Regards

    August 26, 2021 at 5:58 am #314685

    EMJ92
    Participant

    does not work, does exactly the opposite of what I want.

    The normal price should remain large.

    The base price/KG should be small.

    love greetings

    August 26, 2021 at 1:10 pm #314775

    Elise Noromit
    Member

    Hello,

    The code provided above is workable: https://gyazo.com/26d7d2b4838ab77cd5ae64d94ce2c81e

    If you want to change the next price, replace the code with this one: 

    .single-product .entry-summary .summary-inner .price-unit.smaller {
	font-size: 14px;
}

.single-product .entry-summary .summary-inner .price-unit.smaller > span {
	font-size: inherit;
}

    Best Regards

    August 26, 2021 at 3:29 pm #314793

    EMJ92
    Participant

    Hallo Elise,

    so great, thank you very much!!

    thank you for your patience and great support.

    Greets.

    August 26, 2021 at 9:50 pm #314826

    Elise Noromit
    Member

    We are always happy to help you, write to us when you have any difficulties or issues with our theme.

    We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

    Thank you in advance

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)