Product page

youbtrgo · December 2025

Hello, I imported "Computer Shop 2" prebuilt website. I want to import from "Detailing Shop" Single Product Page. How it's possible to do this?

Thank you,

Phil · December 2025

Hi,

There is no option to import only that part.

You would have to manually recreate the single product layout.

https://support.muffingroup.com/video-tutorials/how-to-customize-woocommerce-single-product-layout/

Best regards

youbtrgo · December 2025

If I import prebuilt website with that product page all my settings will change to new imported?

Phil · December 2025

You can choose to import "Selected data" and select the "Content" so all posts, pages, templates, etc. will import, but your theme options will remain untouched.

https://support.muffingroup.com/documentation/pre-built-websites/#data-import

I suggest you to create a staging domain to see how it behaves.

https://support.muffingroup.com/how-to/how-to-set-up-betheme-staging-site/

Best regards

youbtrgo · February 25

Hello, can you please advise me how to reduce spacing in shop page between items? Attached a screen

Screenshot 2026-02-25 at 10.14.58.png

Phil · February 25

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

youbtrgo · February 25

URL: https://raqedo.com

youbtrgo · February 25

Shop link: https://raqedo.com/parduotuve/

Phil · February 25

Try the following CSS code:

.woocommerce .products .product{
 margin-bottom: 0!important;
}

Put it in Betheme -> Theme optiosn -> Custom CSS & JS -> CSS.

Best regards

youbtrgo · February 27

Thanks. I have one more problem with font and sizing. Attached a screen. Problem is somehow font is in Capital letters and which huge spacing. How to make it in Default letters with 0 letter spacing?

Screenshot 2026-02-27 at 11.01.24.png

Phil · February 27

Use this code:

.woocommerce table.shop_table td.actions .coupon .input-text{
 text-transform: capitalize!important;
 letter-spacing: 0!important;
 font-size: 14px!important;
}

Best regards

youbtrgo · March 1

Thanks. I have one more problem with cart page and coupon section. Now coupon entering field and Apply button in different lines. How to make it inline? Attached a screen how it looks now.

IMG_9239.jpeg

Phil · March 2

Try this CSS code:

@media only screen and (max-width: 430px){
 .woocommerce .shop_table .coupon button{
  width: auto!important;
  flex-grow: 1;
 }
}

Best regards

youbtrgo · March 2

Thanks it works perfectly. One more question how to change background colour and sizing Typography in marked section? Attached a screenshot

IMG_9242.jpeg

Phil · March 2

It is a Subheader. Its colors are taken from Betheme -> Theme options -> Colors -> Header:

Font size can be adjusted in Betheme -> Theme options -> Fonts -> Size & Style:

Breadcrumbs font size is the same as the content font size.

Best regards

youbtrgo · March 3

Hello, thanks for the help. I would like to ask is it possible to create in product page section where I can display different information for different product?

youbtrgo · March 3

And one more question how to change this "Product description" padding in mobile version which is comming from theme seetings? Attached a screen with a view now

Screenshot 2026-03-03 at 17.37.37.png

Phil · 11:00AM

https://forum.muffingroup.com/betheme/discussion/comment/276821#Comment_276821

You can use ACF for that. See the following vidoe tutorial:

https://support.muffingroup.com/video-tutorials/advanced-custom-fields-in-action-with-bebuilder/

https://forum.muffingroup.com/betheme/discussion/comment/276822#Comment_276822

Do you mean the padding on the sides, or top and bottom padding?

Best regards

youbtrgo · 11:25AM

"Do you mean the padding on the sides, or top and bottom padding?"

Answer: Left and Right side padding now it's comming from theme settings I want to make smaller gaps left and right side

Phil · 1:10PM

Please use the following CSS code:

@media only screen and (max-width: 767px) {
 .single-product .content_wrapper .tab-description .section_wrapper {
  padding-left: 0px;
  padding-right: 0px;
 }
}

Best regards

youbtrgo · 3:22PM

Thanks it works perfect now. Can you help me please remove in Checkout page white open space which is above subheader? Here's link of checkout: https://raqedo.com/uzsakymo-apmokejimas/

Product page

Comments

This website uses cookies