New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Problems with tab

Viewing 8 posts - 1 through 8 (of 8 total)
  • Back to forum
    Posted in: Neighborhood
  • February 18, 2016 at 9:56 am #250241
    goodtimesmag
    Member
    Post count: 191

    Hi support team,

    please have a look on the following site: http://goodtimesdeals.de/men/

    1) I don’t see all the lines of the tab like on your demo site. Why? Is it possible to increase the font size of the text inside the tabs?

    2) I added a product carousel to the tab, but the arrows to skip between the products are cut off. What can I do to solve it?

    3) I don’t want the description of the products to be shown. Do you have a css code to hide the description?

    I marked all issues on the screenshot attached.

    Attachments:
    You must be logged in to view attached files.
    February 18, 2016 at 11:15 am #250284
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .spb_tabs .nav-tabs li.active a {
    border-bottom-color: transparent !important;
}

.spb_tabs .nav-tabs li a {
    border-color: #ddd !important;
    font-size:14px !important;
}
.carousel-wrap a.carousel-next{
right:8px !important
}
.carousel-wrap a.carousel-prev{
left:8px !important
}

    Thanks
    Mohammad

    February 18, 2016 at 11:31 am #250296
    goodtimesmag
    Member
    Post count: 191

    Thanks Mohammad,

    that code nearly solved all issues! But…

    1) Is it possible to increase the font size of the text inside the tabs?

    3) I don’t want the description of the products to be shown. Do you have a css code to hide the description? Live URL: http://goodtimesdeals.de/produkt-kategorie/snowboardboots-men/

    February 18, 2016 at 11:42 am #250300
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .woocommerce ul.products li.product .price {
display: none !important;
}
.tab-pane{
font-size:16px !important;
}

    Thanks
    Mohammad

    February 18, 2016 at 11:49 am #250305
    goodtimesmag
    Member
    Post count: 191

    Hi Mohammad,

    1) The code didn’t have an effect on the font size in the tab, as you can see here: http://goodtimesdeals.de/men/

    “MEN” and “WOMEN” have still the same size.

    2. I don’t want to delete the price, just the description between the product name and the price (see screenshot).

    Attachments:
    You must be logged in to view attached files.
    February 18, 2016 at 12:02 pm #250316
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please remove my last reply code and use this new code:-

    .spb_tabs .nav-tabs li a {
    font-size: 18px !important;
}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
    display: none !important;
}

    Thanks
    Mohammad

    February 18, 2016 at 12:21 pm #250325
    goodtimesmag
    Member
    Post count: 191

    The code didn’t solved the issue.

    1) Have a look on the screenshot 1 (this is the text I want to increase).

    2) I don’t want the product details to be shown (see screenshot 2).

    Attachments:
    You must be logged in to view attached files.
    February 18, 2016 at 12:49 pm #250335
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .product-desc{
display:none !important
}

    For font size, find this code at custom css code:-

    .spb_tabs .nav-tabs li a {
    border-color: #ddd !important;
    font-size: 14px !important;
}

    Change to :-

    .spb_tabs .nav-tabs li a {
    border-color: #ddd !important;
    font-size: 20px !important;
}

    Thanks
    Mohammad

  • Back to forum
    Posted in: Neighborhood
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.