Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 22, 2013 at 6:40 pm #179181
    laenggi

    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?

    October 23, 2013 at 1:14 am #179289
    Ismael

    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

    October 23, 2013 at 11:07 am #179598
    laenggi

    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

    October 23, 2013 at 12:49 pm #179627
    Dude

    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

    October 23, 2013 at 3:08 pm #179705
    laenggi

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

    Nothing happens if i change the width value..

    October 25, 2013 at 11:35 am #180590
    Dude

    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

  • Author
    Posts
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.