Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › WooCommerce and Revolution Slider Problems
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › WooCommerce and Revolution Slider Problems
- This topic has 22 replies, 4 voices, and was last updated 10 years by
Kyle – SUPPORT.
-
Posted in: Neighborhood
-
June 24, 2014 at 4:22 pm #85306
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,
BenjaminJune 24, 2014 at 4:26 pm #85309This reply has been marked as private.June 24, 2014 at 4:26 pm #85314This reply has been marked as private.June 24, 2014 at 5:28 pm #85333This reply has been marked as private.June 25, 2014 at 7:50 am #85505Hi
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
June 25, 2014 at 8:11 am #85512Hi 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,
BenjaminJune 25, 2014 at 8:15 am #85514No 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
June 25, 2014 at 8:30 am #85522Thank 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
June 25, 2014 at 8:33 am #85526Hi
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
June 25, 2014 at 8:48 am #85534Hi,
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
June 25, 2014 at 9:00 am #85545Which page is this on?
– Kyle
June 25, 2014 at 9:33 am #85559Hi,
It’s on our Home page. The underline is in your demo as well.
Cheers
June 25, 2014 at 9:40 am #85562Add this to your custom css:
ins { text-decoration: none; }
– Kyle
June 25, 2014 at 9:42 am #85563PERFECT! Thank you. 🙂
June 25, 2014 at 9:43 am #85564No problem 🙂
-
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.