New Landing How can we help? Themeforest Theme Support Neighborhood WooCommerce and Revolution Slider Problems

Viewing 15 posts - 1 through 15 (of 23 total)
  • #85306
    Benjamin
    Member
    Post count: 68

    Hi,

    We have some issues with WooCommerce and the Revolution Slider – mostly CSS tweaks. Are you able to help with the following please?

    WooCommerce
    1) On one of our product pages, we have a Product Cart that is 6 products wide. The font size for the product name is a bit too big for our product names and drops to 2 lines which makes it unbalanced. What is the CSS code to edit this H3 tag for product names? I’m struggling to find it.

    2) Is it possible to remove the underline from text on products that are on sale? What is the CSS for this?

    3) WooCommerce has removed the option to hide the Shipping Weights from the product descriptions for some bizarre reason! They have provided a link to GitHub for the following functions.php code but I don’t know how to implement this into a child theme? (Code below) Can you help?

    http://wordpress.org/support/topic/option-to-hide-weightdimensions-from-product-details-missing

    // Add to your theme functions.php file
    add_filter( ‘wc_product_enable_dimensions_display’, ‘__return_false’ );

    Revolution Slider
    4) The Revolution Slider seems to be giving me no end of headaches. It won’t show the Navigation when I set it to “Always Show Navigation – YES”

    5) The Revolution text layer changes to Serif (from PT Sans) in Safari but it’s fine in Chrome.

    6) Revolution images don’t fade out even when set to fade.
    For Example. I have a series of images fading in and out on the same slide but they only fade in, never out despite me setting a fade out end duration time and the slide timer being much longer than the animation.

    7) We have set a YouTube video to loop in a Slide but it just stops at the end of the video and doesn’t work at all on iOS. (We are not using the responsive version of the website so I don’t know if this affects this or not?)

    I have tried the Troubleshooting tips in the Slider Settings, reset cache, reset browsers… I’ve run out of ideas!

    I’ll send our login details and screenshots/URLs in a separate private message.

    With thanks,
    Benjamin

    #85309
    Benjamin
    Member
    Post count: 68
    This reply has been marked as private.
    #85314
    Benjamin
    Member
    Post count: 68
    This reply has been marked as private.
    #85333
    Benjamin
    Member
    Post count: 68
    This reply has been marked as private.
    #85505
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Please not that only 1 or 2 questions should be asked per topic, and they must be about a similar thing. We are only allowed to spend maximum of 15 minutes per topic, and with this having 8 questions, it has took longer. We would appreciate it if you could open separate topics for each of your issues in future, this will make it easier for us to assist you and you will likely receive a reply much quicker

    1) I think the best solution for this is to have centred titles and prices, add this to your custom css:

    ul.products li.product .product-details {
      width: 100%;
    }
    .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
      text-align: center;
    }
    .woocommerce ul.products li.product .price, .woocommerce div.product p.price {
      width: 100%;
      text-align: center;
      margin-top: 10px;
    }

    2) Sorry which ‘underline’ so you mean?

    3) Add this to your custom css:

    .woocommerce table.shop_attributes tr:first-child th, .woocommerce table.shop_attributes tr:first-child td {
      display: none;
    }
    .woocommerce table.shop_attributes tr:nth-child(2) th, .woocommerce table.shop_attributes tr:nth-child(2) td {
      border-top: 0 none;
    }

    Once we box off the woocommerce issues I will look at the rev slider for you

    – Kyle

    #85512
    Benjamin
    Member
    Post count: 68

    Hi Kyle,

    Apologies, I didn’t realise. I will certainly separate issues out in the future. I appreciate all the help you have given so far.

    2) The underline is shown on products when they have a sale price. For example, on our ‘Ultimate’ packs on our home page they are reduced by £10 and the price is shown with an underline. I just need to remove the “text-decoration: underline” css but can’t figure out the exact code.

    Many, many thanks,
    Benjamin

    #85514
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

    2) Not sure why you would want to remove it? It allows the customers to see how much they are saving on the product. But here’s the css to remove it:

    .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
      display: none;
    }

    – Kyle

    #85522
    Benjamin
    Member
    Post count: 68

    Thank you.

    It’s not working here at the moment but our servers might need refreshing so I’ll try again in a moment.

    We want to remove it as there is a strikethrough on the old price to indicate a reduced cost and we don’t think it needs another underline on the new price to indicate that.

    Too many lines…

    I’ll let you know if it doesn’t refresh though.

    Thanks

    #85526
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    There is no other line? I thought you was referring to the strikethrough. If you wan’t to keep that then don’t use the CSS above

    What browser are you seeing an underline in?

    – Kyle

    #85534
    Benjamin
    Member
    Post count: 68

    Hi,

    Oh that’s odd? I can see it in Safari and Chrome on Mac. Think it’s also in Firefox but will check.

    I’ve attached screenshots.

    Cheers

    #85545
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Which page is this on?

    – Kyle

    #85559
    Benjamin
    Member
    Post count: 68

    Hi,

    It’s on our Home page. The underline is in your demo as well.

    Cheers

    #85562
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    ins {
      text-decoration: none;
    }

    – Kyle

    #85563
    Benjamin
    Member
    Post count: 68

    PERFECT! Thank you. 🙂

    #85564
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

Viewing 15 posts - 1 through 15 (of 23 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register