Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • August 17, 2018 at 6:51 pm #998550
    profumopuntoit

    Hello,
    I am struggling with star rating css: in the footer we have 2 widgets one with ON SALE PRODUCTS and one with FEATURED PRODUCTS
    I can set them in the proper position with
    div ul.product_list_widget .star-rating {
    margin: -25px 0 -43px -1px;
    }
    but the same class is used also in the widget in the right sidebar with the RECENT REVIEWS and this css snippet is messing up the alignment

    They should be referenced by two different names

    Also if stars are aligned properly in footer, prices will be displayed only for products which have received a rating

    Thank you Mauro

    August 17, 2018 at 7:29 pm #998562
    Yigit

    Hi,

    You can use following code to target your widget in footer section 

    #footer div ul.product_list_widget .star-rating {
    margin: -25px 0px -43px -1px;
}

    Best regards,
    Yigit

    August 20, 2018 at 11:49 am #999311
    profumopuntoit

    Ok thank you
    and how to display correctly RECENT REVIEWS
    div ul.product_list_widget .star-rating
    in the widget in the right sidebar in the blog post?

    Some elements are on two line and overlap

    August 20, 2018 at 5:01 pm #999497
    Victoria

    Hi profumopuntoit,

    Best regards,
    Victoria

    August 22, 2018 at 12:06 pm #1000252
    profumopuntoit

    Hello,
    I tried to wrap as suggested
    @media only screen and (min-width: 1024px) {
    .news-thumb { height: 70px !important; width: 70px !important; padding: 0px; }
    .news-thumb img { height: 70px !important; width: 70px !important; }
    }
    but than images doesn’t look correct.
    Anyway the point of this ticket is:
    On FEATURED PRODUCTS and ON SALE widget in the footer product price is displayed only if the product has received some rating. If the product hasn’t been reviewed product price is NOT displayed at all (because is wrapped inside <div class=”star-rating”>………</div>)

    Thank you
    Mauro

    August 22, 2018 at 2:39 pm #1000357
    Victoria

    Hi profumopuntoit,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    August 22, 2018 at 3:10 pm #1000388
    profumopuntoit

    Thank you,
    I will give the credential of the development site where you can work freely

    August 22, 2018 at 5:16 pm #1000434
    profumopuntoit
    This reply has been marked as private.
    August 24, 2018 at 10:51 am #1001107
    Victoria

    Hi profumopuntoit,

    Can you remove this function and see if the issue remains?

    Best regards,
    Victoria

    August 24, 2018 at 4:00 pm #1001286
    profumopuntoit

    Hello,
    I have commented out that function in the development site and also disabled “Woocommerce Variations Table – Grid” plugin that might have influenced how prices are displayed, but it is the same

    Best regards,
    Mauro

    August 25, 2018 at 10:23 am #1001547
    Victoria

    Hi Mauro,

    Best regards,
    Victoria

    August 27, 2018 at 10:51 am #1002189
    profumopuntoit

    yes, I know, for this I open this ticket
    Happens to me only? In your demo you are not using this widget in footer

    August 28, 2018 at 3:17 am #1002497
    Ismael

    Hi,

    This css code works for the live site.

    #footer div ul.product_list_widget .star-rating {
    margin: 0;
}

    The staging site’s widget markup is a little different.

    Best regards,
    Ismael

    August 28, 2018 at 11:13 am #1002629
    profumopuntoit

    Ok thank you, but why in FEATURED PRODUCTS and ON SALE widget in the footer product price is displayed only if the product has received some rating. If the product hasn’t been reviewed product price is NOT displayed at all?
    Seems that the price row is coded within the loop of the star rating and it is not correct, because price should be displayed always and not conditionally if a rating exists.
    Best regards,
    Mauro

    August 29, 2018 at 3:33 am #1002951
    Ismael

    Hi,

    I didn’t notice that. Is it working properly when you remove the “wc_wc20_variation_price_format” filter?

    Best regards,
    Ismael

    August 29, 2018 at 10:54 am #1003067
    profumopuntoit

    No, it is same with or without

    widget .star-rating css

    At the moment that function is commented in development site

    Best regards,
    Mauro

    August 29, 2018 at 10:55 am #1003069
    profumopuntoit

    If you would like to look here are login credentials

    August 30, 2018 at 6:28 am #1003372
    Ismael

    Hey!

    Thanks for the info.

    The prices are actually there but there’s a styling issue. These css codes fixed it. 

    #footer div ul.product_list_widget .star-rating {
    margin: 0;
}

#top div ul.product_list_widget li a {
    height: auto !important;
    overflow: visible !important;
}

    Best regards,
    Ismael

    August 30, 2018 at 12:42 pm #1003525
    profumopuntoit

    Excellent
    Solved thank you Ismael
    Adding overflow: visible !important; would have been beyond my capacity

    Best regards,
    Mauro

    August 30, 2018 at 2:43 pm #1003621
    Victoria

    Hi Mauro,

    Glad Ismael helped to get it working for you!

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.