Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #179181

    Hi, the Enfold theme is awesome!
    I’m using the German Translation of Woocommerce(Woocommerce_de). There’s a problem with the width of the Bewertung(Review)-tab of each Product. How can I change the width and fix the Problem?

    #179289

    Hey laenggi!

    Please adjust the padding. Add this on your custom.css or Quick CSS:

    #top div div.product .woocommerce-tabs ul.tabs li a {
    padding: 9px 20px 10px 20px;
    }

    Best regards,
    Ismael

    #179598

    hi, thank you for your answer.
    It doesnt work!
    I’m using a child theme, that i don’t loose my settings after a theme update.
    So i created a folder enfold-child/css/custom.css:

    /* General Custom CSS */
    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
    
    @media only screen and (min-width: 768px) {
      /* Add your Desktop Styles here */
    
        #top div div.product .woocommerce-tabs ul.tabs li a {
        padding: 9px 20px 10px 20px;
    
    }
    }
    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
    
    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    
    }

    Can I don’t use the style.css in the main child theme folder?

    And how can I use Quick CSS?

    Thank you for your answers.
    Regards
    Laenggi

    #179627

    Hi!

    Add following code to the child theme style.css file and change the width value (85px) if necessary.

    
    div.product .woocommerce-tabs ul.tabs li.reviews_tab{
    width: 85px;
    }
    

    Best regards,
    Peter

    #179705

    Thank you Peter but the problem’s still there.
    http://i.imgur.com/VZrwmIT.png

    Nothing happens if i change the width value..

    #180590

    Hi!

    Please try following code instead

    
    #top div.product .woocommerce-tabs ul.tabs li.reviews_tab{
    width: 100px !important;
    }
    

    If it still doesn’t work please post a link to your website.

    Cheers!
    Peter

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

The topic ‘Woocommerce Shop Product Review Tab German Bewertung Style Problem’ is closed to new replies.