Digital experiences for all disciplines
New Landing › How can we help? › Atelier › 2 CSS issues.
New Landing › How can we help? › Atelier › 2 CSS issues.
- This topic has 14 replies, 2 voices, and was last updated 8 years by David Martin – Support.
-
Posted in: Atelier
-
July 8, 2015 at 1:41 pm #192793
Hi,
Two queries:
1. I would like to change the size and colour of the nested sub-categories in my main navigation on the left hand side of each page. Can I make the sub-categories #8c8c8c instead of the same green (#3aa56a) as the rest of the menu? Can I also make the text size of nested sub-categories smaller than the rest of the menu? In the screen shot, I would like the nested sub category (the first three are Announcement Cards, Note Cards, Placement Cards) to be smaller and a different colour to the rest of the menu.
Is that possible?
2. In the shop and on all products can the price that shows when you hover over the product just be the single product price instead of the whole price range? Currently the price says £2.50 – £45 when hovering over the product, could it just have the price for the single item ie. just £2.50 instead of whole range (remove – £45)?
Thanks,
Sorel
Attachments:
You must be logged in to view attached files.July 8, 2015 at 6:07 pm #192910Hi,
Q1) Please use this and adjust the px values as you require
li.cat-item.cat-parent { font-size: 18px; } li.cat-item { font-size: 18px; } ul.children li.cat-item { font-size: 14px!important; font-weight: normal; padding-left: 10px; }
q2) I’ll investigate this now.
Thanks.
July 9, 2015 at 7:55 am #193013This reply has been marked as private.July 9, 2015 at 11:00 am #193118Hi,
Can you please add this to your child theme:
add_filter('woocommerce_variable_price_html', 'custom_variation_price', 10, 2); function custom_variation_price( $price, $product ) { $price = ''; if ( !$product->min_variation_price || $product->min_variation_price !== $product->max_variation_price ) $price .= '<span class="from">' . _x('From', 'min_price', 'woocommerce') . ' </span>'; $price .= woocommerce_price($product->get_price()); return $price; }
Thanks.
July 9, 2015 at 11:09 am #193125This reply has been marked as private.July 9, 2015 at 11:30 am #193137Hi,
That code will need to go in your child theme functions.php file – I have added that for you and it looks to work great:
http://www.laviniathomas.co.uk/?product_cat=single-letter-prints-small
Thanks.
July 9, 2015 at 11:38 am #193142This reply has been marked as private.July 9, 2015 at 11:48 am #193158Hi,
That will remove the range from all places on the shop, it will just show ‘From:…’
When a user selects a variation they will get the actual price. Any doubts remove it.
Thanks,
David.July 9, 2015 at 11:51 am #193162This reply has been marked as private.July 9, 2015 at 11:56 am #193167This reply has been marked as private.July 9, 2015 at 11:59 am #193170Hey,
Sure, in your dashboard:
Appearance => Editor => functions.php
Scroll down and find the code above and remove it. – Any doubts, let me know and I will do it now.
Thanks.
July 9, 2015 at 12:27 pm #193192This reply has been marked as private.July 9, 2015 at 2:54 pm #193282Hi,
Sure to hide them, please add this CSS to your theme options:
.summary-top .product-navigation { display: none; }
The next/prev arrows go in the right direction for the products, but they look like they are pushed onto one line by the long title.
Thanks,
David.July 9, 2015 at 3:00 pm #193284This reply has been marked as private.July 9, 2015 at 4:55 pm #193347No problem 🙂
Thanks.
-
Posted in: Atelier
You must be logged in and have valid license to reply to this topic.