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

    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

    #88080

    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!

    #88081

    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

    #88082

    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

    #88083

    Hi,

    Try this for the table.

    .entry-content table {
    width: 95%;
    }

    And this one for the right sidebar

    #top .sidebar2 {
    left: 930px;
    }

    Regards,

    Ismael

    #88084

    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.

    #88085

    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

    #88086

    Dude,

    Thanks, that code change for WooCommerce fixed my problem!

    #88087

    Hi roloboard,

    Glad that Peter helped you. :)

    Cheers,

    Ismael

    #88088

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

    #88089

    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.