Product Description field cut off « Support Forum | Kriesi.at

Support Forum » Flashlight

Product Description field cut off

11 posts from 4 voices

Started 9 months ago by symbolaudio
Latest reply from Dude
This topic is not a support question

Tags:

symbolaudio
Member

Hi,

I am using Woocommerce with the Flashlight theme and have begun setting up products. I am having problems with the product description area being cut off on the right hand side of the content area. I would prefer to make the content area wider as opposed to making the product description field narrower. Can you help?

thanks

Posted 9 months ago #
symbolaudio
Member

Also, Can you tell me how to disable the very large product title and lighting bolt graphic on wooCommerce product pages? I have the bolt graphic disabled on other pages in the theme.

I would additionally like to move the smaller, left justified product title that shows up under the image gallery at the top of the page and position it above the image gallery as it appears on our product detail page here: http://www.symbolaudio.com/collection/tabletop-hifi/

thanks!

Posted 9 months ago #
Ismael
Moderator
Hi,

You can adjust the content box, add this on your custom.css
```
.content .box {
margin-left: 221px;
min-width: 430px;
float: left;
width: 600px;
}
```
Adjust the width as you see fit.

To remove the large title edit the shop page, look for Choose a Page Layout, select Defaul layout content + small title.

Now, to remove the bolt. Add this on your custom.css

#top .post-title.big_title { background: none; }

Regards,
Ismael
Posted 9 months ago #
symbolaudio
Member

Hi Ismael,

thanks for the reply. Unfortunately that didn't fix the problem, however I do like the increased width. Take a look at this page: http://www.symbolaudio.com/product/lpc-200/

1. how to I re-locate the sidebar to be just on the right of the content box?
2. Click on "additional information" tab - the text is still being cut off on the right side of the content box. Can you help with that?

thanks

Posted 9 months ago #
Ismael
Moderator
Hi,

Try this for the table.
```
.entry-content table {
width: 95%;
}
```
\

And this one for the right sidebar
```
#top .sidebar2 {
left: 930px;
}
```
Regards,
Ismael
Posted 9 months ago #
roloboard
Member

It looks like SymbolAudio fixed his issue with the description being cut off, but the suggested changes to the custom.css file did not seem to make a difference for me. It made the format wider, but the top box (Product Description) still gets cut off on the right side, whereas the Related Products box right below it is fine. Please see http://www.roloboard.com/shop/red/ to see an example of what I am talking about. Any help would be appreciated.

Posted 8 months ago #

Dude
Dude

Hi!

Add following code to css/custom.css:

#tab-description, #tab-attributes,#tab-reviews{
width: 92.5%;
}

#top div.product .woocommerce_tabs {
    width: 100%;
}

Best regards,
Peter

Posted 8 months ago #

roloboard
Member

Dude,

Thanks, that code change for WooCommerce fixed my problem!

Posted 8 months ago #
Ismael
Moderator

Hi roloboard,

Glad that Peter helped you. :)

Cheers,
Ismael

Posted 8 months ago #
symbolaudio
Member

Great, thanks for the help Ismael. I also want to change title on the product description tab and possibly add tabs. Is this possible?

Posted 8 months ago #

Dude
Dude

You can change the title with following code - add it to the very bottom of functions.php:

add_filter('woocommerce_product_description_heading', 'inoplugs_wootabheading');
add_filter('woocommerce_product_description_tab_title', 'inoplugs_wootabheading');
function inoplugs_wootabheading() {
return 'My title';
}