Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #15582


    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?



    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:




    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; }




    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:

    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?




    Try this for the table.

    .entry-content table {
    width: 95%;

    And this one for the right sidebar

    #top .sidebar2 {
    left: 930px;




    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 to see an example of what I am talking about. Any help would be appreciated.



    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,




    Thanks, that code change for WooCommerce fixed my problem!


    Hi roloboard,

    Glad that Peter helped you. :)




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


    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';

    It’s not easily possible to add custom tabs though.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Product Description field cut off’ is closed to new replies.