Product layout page

nguyenilight · May 2021

Hello, please help me. I want the product title is in 1 line. And i also want to remove the description's border and its title. (just keep the content)

http://vilight.vn/website/san-pham/chieu-sang-thong-minh/tu-chieu-sang-thong-minh/bo-dieu-khien-trung-tam-icenter/

Thank you

Phil · May 2021

Hello,

To achieve that, you can write and use custom CSS code, and place it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Do you need help with writing it?

Best regards

nguyenilight · May 2021

Yes, please help me.

Thank you very much

nguyenilight · May 2021

And how to hide products' image in product page ?

Phil · May 2021

Please, try the following code:

.woocommerce .product_wrapper .product_title{
 width: 70%!important;
}
.woocommerce .product_wrapper .tabs,
.woocommerce .product_image_wrapper{
 display: none!important;
}
.woocommerce .product_wrapper .tabs_wrapper{
 border: none!important;
}
.woocommerce .product_wrapper .tabs_wrapper #tab-description{
 background-image: none!important;
}

Thanks

nguyenilight · May 2021

Thank you, it works

nguyenilight · June 2021

Please help me.

Usually, the product information has 2 tabs :

After i use your CSS above, it hide image product, tab wrapper. But i also hide the tab 2. The page display only the content of tab 1.

How to display the content of tab 2 bellow the tab 1. Please help me. Thank you very much.

This is the page URL : https://vilight.vn/website/san-pham/den-led-pixel/den-diem-led-dot/kd-series/kd42/

nguyenilight · June 2021

And with the content of the second tab. How to change the with of first column ?

Thanks

Phil · June 2021

1) Unfortunately, there is no option to do that with CSS.

To achieve that, you would have to modify the WooCommerce files and probably the theme ones, but we do not provide help with such customization.

2) Please try the following code:

.woocommerce .product .woocommerce-product-attributes-item__label{
   width: auto!important;
}

Best regards

nguyenilight · June 2021

Thanks for your help. The item 2 works fine.

How to hide the product description in the product category page :

https://vilight.vn/website/danh-muc-san-pham/den-led-pixel/den-diem-led-dot/kd-series/

Thanks

Phil · June 2021

Please, go to Betheme -> Theme options -> Blog, Portfolio & Shop -> Shop, and there you will be able to hide the description.

Thanks

nguyenilight · June 2021

Thanks for your help.

How to change the product title size ? It's default is H4, i need to change to H5 or another font size ?

Thanks

nguyenilight · June 2021

ok. Thanks for your help. I can do that by plugin.

Thanks again for your support.

Phil · June 2021

No problem. ?

If there is anything else I could help you with, please, let me know.

Thanks

nguyenilight · June 2021

https://forum.muffingroup.com/betheme/discussion/comment/200978#Comment_200978

To show both 2 tabs content,

I choose "Tab | Bellow image" layout option for product page.

And after added your css code, it hide the product image.

But i need the title and the description expand to full with.

https://vilight.vn/website/san-pham/den-led-pixel/den-diem-led-dot/kd-series/kd42/

How to do that. Thank you.

Phil · June 2021

Please, use the following code:

.single-product.woocommerce div.product div.summary{
   width: 100%!important;
}

Thanks

nguyenilight · June 2021

https://forum.muffingroup.com/betheme/discussion/comment/201086#Comment_201086

it works.

Thank you.

nguyenilight · June 2021

I config 16 products/page, but why it display only 10 products ?

https://vilight.vn/website/danh-muc-san-pham/den-led-pixel/den-diem-led-dot/

Please help me.

Thank you

Phil · June 2021

Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Thanks

nguyenilight · June 2021

ok, i have sent message.

nguyenilight · June 2021

Are you working on my site ?

The menu not working now.

I click on the menu, but it not working.

Phil · June 2021

Sorry, but I could not log in to your website because there was some pre-authorization, and the login credentials you have sent are not working here.

Can you send me the username and password so that I can go through it, please?

Thanks

nguyenilight · June 2021

username : betheme

pass : 123@456#

nguyenilight · June 2021

https://forum.muffingroup.com/betheme/discussion/comment/201330#Comment_201330

https://forum.muffingroup.com/betheme/discussion/comment/201302#Comment_201302

Please help me to check these 2 problems.

Thanks

nguyenilight · June 2021

https://forum.muffingroup.com/betheme/discussion/comment/201302#Comment_201302

May be storecustimizer plugin cause this problem ?

nguyenilight · June 2021

Any update please ?

nguyenilight · June 2021

any update ? Why you remove product's attribute ?

nguyenilight · June 2021

https://forum.muffingroup.com/betheme/discussion/comment/201302#Comment_201302

i solved this problem.

Thanks

Phil · June 2021

https://forum.muffingroup.com/betheme/discussion/comment/201344#Comment_201344

Sorry, I was not able to answer you because you wrote beyond my working time.

Some of your third-party plugins cause these problems. I have disabled all the unsupported plugins, and both of the issues are resolved.

Please, turn them off one by one, and check which plugins are the source of these problems.

Thanks

nguyenilight · July 2021

Dear Phil,

How to remove underline ?

Link : https://vilight.vn/website/en/san-pham/den-chieu-sang-facade/den-duong/vs4/

Thanks

Phil · July 2021

For the blue line, please, use the following code:

.ui-tabs .ui-tabs-nav li.ui-state-active a::after {
   display: none!important;
}

But it seems that the black one comes from some of your plugins. So please, disable all of them except basic WooCommerce, and check if it still appears.

Thanks

Product layout page

Comments