New Landing › How can we help? › Atelier › 2 CSS issues.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Back to forum
    Posted in: Atelier
  • July 8, 2015 at 1:41 pm #192793
    sorelh
    Member
    Post count: 169

    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 #192910
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    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 #193013
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    July 9, 2015 at 11:00 am #193118
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    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 #193125
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    July 9, 2015 at 11:30 am #193137
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    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 #193142
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    July 9, 2015 at 11:48 am #193158
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    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 #193162
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    July 9, 2015 at 11:56 am #193167
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    July 9, 2015 at 11:59 am #193170
    David Martin – Support
    Moderator
    Post count: 20834

    Hey,

    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 #193192
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    July 9, 2015 at 2:54 pm #193282
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    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 #193284
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    July 9, 2015 at 4:55 pm #193347
    David Martin – Support
    Moderator
    Post count: 20834

    No problem 🙂

    Thanks.

  • Back to forum
    Posted in: Atelier
Viewing 15 posts - 1 through 15 (of 15 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