Change to all rounded corners

  • Hi,

    I have followed the link below to add all rounded corners to storefront theme, setting “border-radius” to “5px” obviously:

    -https://support.woothemes.com/hc/en-us/articles/203106627-Remove-all-rounded-corners

    After adding those changes to my custom css file everything seems to be going well except for “View Cart” button that appears once “Add to Cart” button is pressed.

    Ideas to fix it?
    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    If you’re trying to remove all rounded corners try something like this;

    * {
border-radius: 0 !important;
}

    Cheers

    Thread Starter rikofert

    (@rikofert)

    Hi,

    Actually I would like to *add* (not remove) all rounded corners to buttons and using a “*” would add them also to header and footer.

    I see, the document you linked to is for the Canvas theme and is to remove rounded corners which is what got me confused ;p

    To add border radius to the view cart button you can try this;

    .button.added_to_cart {
border-radius: 5px;
}

    Cheers

    Thread Starter rikofert

    (@rikofert)

    I’m sorry, but adding your text to my custom css did not fix the issue.

    Hey,

    Please share a URL and I’ll investigate.

    Thread Starter rikofert

    (@rikofert)

    Hi,

    thank to your advise, I solved this way:

    .added_to_cart, .site-footer img {
    border-radius: 5px;
    }

    Please note that I needed to add also “.site-footer img” just for the checkout page, I guess it could be an issue with storefront css, in fact borders are not rounded there in any case.

    Many thanks again.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change to all rounded corners’ is closed to new replies.