Product Page Layout Issue

Hello,
I purchased the Woodmart theme. I need help with the layout on the products page, it looks off.
It does not look like any of the demo sited I saw before I purchased it. Thanks.

Hello,

Thank you so much for purchasing our theme and contacting our support center.

Could you please provide us some more information about your problems? What elements are missed from the product page? Maybe you just didn’t configure them all or didn’t fill some fields. Just send us some screenshots and we will do our best to help you.

Kind Regards
XTemos Studio

Thank you for responding.

The product lost the font layout for the prices. It is small and looks like it does not fit with the design. It looks unprofessional to me, not like to demos you have online.

I attached an image for you to view.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Have you imported the demo? When you import the demo, you will also get the settings and styles.

Here is the instruction how to do that https://xtemos.com/docs/woodmart/installation-process/

Best Regards

Hello,
I read over the information that you provided. Is did not change the things I thought it would. I have attached 2 photos to view along with links.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

The page URLs you have provided do not contain the price shown on the screens. Please clarify what you want to modify.

If you want to change the product price, here is the code:

.summary-inner .price .wc-measurement-price-calculator-price .woocommerce-Price-amount {
font-size:20px;
}

Change the font-size as per your needs and add this code to the Theme settings > Custom CSS.

Best Regards

The CSS code provided did not work.
Let me clarify what I am looking for.
1. The page with the variables. You have to select a combination before a price appears. I want to increase the font size of the font to 20. I also want to remove the price range.

2. Page with the measurements. I want to increase the font size of the font to 20. You will only see the price one you put a combination of numbers in.
I also want to decrease the space between the title and here you place the numbers. You can see in my pictures attached.

What area in the Custom CSS are we suppose to put the code?
If possible I thought I could design this product page with Visual Composer. It that possible? If it is how/

On the pages that I provided the price only shows when the variables are selected. I want to increase the size of the font to 20, in the area I want to increase the font to 20 an close the space between to title ane area where you put in custom measurement.
Please advise.

Hello,

1. Please replace the code with this one:

.product-image-summary .summary-inner>.price, .product-image-summary .woodmart-scroll-content>.price {
    font-size: 49px;
    line-height: 1.2;
}

Woocommerce shows the price for a variable product in range and our theme does not influence that.

What do you mean saying “Page with the measurements”? Please provide the URL.

What area in the Custom CSS are we suppose to put the code? Insert the CSS in to the Theme Settings > Custom CSS

If possible I thought I could design this product page with Visual Composer. It that possible? Partially, yes, you can. Enable WP bakery for product and create the template in the product main description. http://prntscr.com/kvnzfc

I want to increase the font to 20 an close the space between to title ane area where you put in custom measurement. Please provide the screenshot of the space you want to remove.

Best Regards

Hello,
The code you provided only worked on the wrong area. I wanted to increase the font size for the Total Price listed at the bottom of product page , after all variable were selected.
Thanks

Hello,

Please try this code:

.woocommerce-variation-price .price .woocommerce-Price-amount{
  font-size: 49px;
    line-height: 1.2;
}

Best Regards

[Author]

Posts