Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 11, 2020 at 12:49 am #1172319
    dpoffinbarger

    Hi, love the theme. However, the tabs on the product pages are too large and misaligned. How can I customize these pages to look better? They do not match any of the theme samples I’ve sen online. I temporarily turned off a few plugins I thought might conflict, but no change. example. https://3fficient.com/product/energi-plant/

    Specifically,
    1. the tabs are way oversized.
    2. I’d like to adjust the border styling
    3. I’d like to change the button colors and perhaps other styling

    Please advise. Thanks.

    January 12, 2020 at 12:10 am #1172477
    Jordan Shannon

    Hey dpoffinbarger,

    Add this to quick css:

    #top div div.product .woocommerce-tabs ul.tabs li a{
white-space:unset!important;
}

#top .woocommerce-tabs .tabs li a{
margin:0px 0px!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
padding:0px 0px!important;
}

    Best regards,
    Jordan Shannon

    January 16, 2020 at 12:57 am #1174722
    dpoffinbarger

    Hi. I tried that and hired a fiverr guy to try. Neither worked. Should I load a demo template or will that mess things up more and create a lot of clean up? Please advise best practice.

    Thanks,
    Doug

    January 16, 2020 at 3:21 pm #1175032
    Rikard

    Hi Doug,

    It looks like Jordans CSS is applying on my end, could you post a screenshot highlighting the problem please?

    Best regards,
    Rikard

    January 16, 2020 at 8:04 pm #1175175
    dpoffinbarger

    Here’s what I see. Notice how tab borders do not line up. 3fficient product screenshot

    Here’s one from your template online. enfold shop demo

    Would installing the demo template fix this? I have not installed any templates before. Would that mess up the rest of the website or just alter the shop?

    Thanks,
    Doug

    January 17, 2020 at 1:29 pm #1175381
    Rikard

    Hi Doug,

    Thanks for the update, but the screenshots you shared are not public so we can’t access them. Please share them publicly or upload them to a service like imgur.com for instance.

    About your problem; is it the border on the description tab you are referring to? That is the only difference I could see comparing the demo and your site.

    Best regards,
    Rikard

    January 18, 2020 at 5:00 pm #1175869
    dpoffinbarger

    Correct. Look closely at the tab borders. They do not line up with the description box below them. Also, how can I change the border weights and colors. Via custom CSS or templates only? No other lay person way to modify?

    January 18, 2020 at 5:49 pm #1175875
    dpoffinbarger

    Got borders lined up now. Still curious about ability to change border weights and colors, etc on woocommerce shop.

    January 18, 2020 at 10:57 pm #1175924
    Jordan Shannon

    Hi,

    This can be done via css classes. What are you looking to achieve color and weight wise?

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.