Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 15, 2016 at 12:56 pm #648561
    dponzo

    Hello,
    I’d like to increase the “remove item” button size in the cart, the small X icon on the first column. is it possible?

    Many thanks
    David

    June 15, 2016 at 2:06 pm #648595
    Yigit

    Hey David,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    div a.remove {
    height: 40px;
    width: 40px;
    background-size: contain;
}

    Best regards,
    Yigit

    June 15, 2016 at 2:22 pm #648600
    dponzo

    Hi Yigit,
    thanks, it works but the image is very low quality now… how can I replace it with a better quality one?
    cheers
    David

    June 15, 2016 at 2:32 pm #648604
    Yigit

    Hi!

    Please go to wp-content/themes/enfold/config-woocommerce/images/remove.png and change the image as needed

    Best regards,
    Yigit

    June 15, 2016 at 3:19 pm #648645
    dponzo

    thanks.. solved although I was checking it on android device and I just noticed that the table in the cart is not responsive, it gets chopped at the PRICE column. QUANTITY and TOTAL column aren’t showing. I’ve updated woocommerce to 2.6 and ENFOLD to the latest relaase today..

    June 15, 2016 at 3:25 pm #648647
    dponzo

    I see that may be a need on mobile as there isn’t enough space.. on the same table borders (left, top and right) are missing too on android.. also the basket total has border issues

    June 15, 2016 at 3:34 pm #648656
    Yigit

    Hi!

    Please change the code to following one and check if that helps 

    @media only screen and (min-width: 990px) {
div a.remove {
    height: 40px;
    width: 40px;
    background-size: contain;
}}

    Regards,
    Yigit

    June 15, 2016 at 3:49 pm #648674
    dponzo

    unfortunately that didn’t solve the border issue as it has nothing to do with the remove image.. it only made the remove.png (which is now 40x40px) piratically disappear in the 16x16px circle at resolution lower than 990.. Borders in this boxes just randomly disappear when you resize the browser window to lower width

    June 15, 2016 at 3:58 pm #648678
    Yigit

    Hey!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 767px) { 
.responsive table.shop_table.cart, .responsive .shop_table .product-quantity {
display block !important;
}}

    Best regards,
    Yigit

    June 15, 2016 at 4:03 pm #648682
    dponzo

    thanks but it’s not working.. :( border are still randomly disappearing when you resize the window

    June 17, 2016 at 2:39 pm #649790
    Yigit

    Hi,

    Can you please post a screenshot and show the issue you are seeing? I cannot see anything wrong with cart on mobile :/
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    June 18, 2016 at 9:27 am #650128
    dponzo

    Hi Yigit,

    thanks for your help.. honestly it’s not important.. being a graphic designer I tend to be a pain in the ass aiming pixel perfection..
    None is gonna ever play with the windows width and even if they do only weirdos will ever notice a missing border :)

    Cheers
    David

    June 20, 2016 at 5:50 am #650599
    Rikard

    Hi David,

    I tend to agree, it’s usually only developers and designers who do that :-)

    Let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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