Remove borders on menu (header 11) and align add to carts

This topic has 26 replies, 3 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

  • Avatar: andantesash
    andantesash
    Participant
    January 18, 2017 at 08:39

    I am wondering how I fix these issues, i’ve tried custom css but they won’t change.

    1) Remove lines around menu items

    2) Align all buy now buttons, I would like these to all be in line no matter how big the product title is

    Can you please let me know

    25 Answers
    Avatar: andantesash
    andantesash
    Participant
    January 18, 2017 at 08:41

    Sorry I added the wrong images

    1) Remove lines around menu items

    2) Align all buy now buttons, I would like these to all be in line no matter how big the product title is

    Can you please let me know

    Avatar: Eva
    Eva Kemp
    Support staff
    January 18, 2017 at 11:48

    Hello,

    Please provide your site url.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: andantesash
    andantesash
    Participant
    January 20, 2017 at 04:28

    Sure, here it is;
    https://goo.gl/UXjU0k

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 20, 2017 at 13:24

    Hello,

    1. I’ve checked your site and did not see problem there http://prntscr.com/dy1o64
    2. Please, add this code in Global Custom CSS:

    .products-grid .product-title {
        height: 30px !important;
    }

    Regards,
    Rose Tyler.

    Avatar: andantesash
    andantesash
    Participant
    January 25, 2017 at 02:08

    This never worked, nothing changed – please let me know another way.

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 25, 2017 at 08:07

    Hello,

    Could you please provide wp-admin access in Private Content so we could check it?

    Regards,
    Rose Tyler.

    Avatar: andantesash
    andantesash
    Participant
    January 26, 2017 at 23:08

    Sure I have added it.

    I need the products (add to cart / select options) to be aligned, so they don’t appear like this:

    Also, I need the problem of product text overlapping like in this example:

    Please, contact administrator
    for this information.
    Avatar: andantesash
    andantesash
    Participant
    January 26, 2017 at 23:24

    Another issues I am having;

    How do I make the number colour white on the current page in the shop? You know where it has the boxes with the number in it for each page of products, the box is black and the font is black – I need the font to be white.

    —- I have since fixed this issue

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 27, 2017 at 08:14

    Hello,

    I’ve changed some code in Custom css. Clear browser cache, and check http://prntscr.com/e0wy0h http://prntscr.com/e0wy31.
    We’re glad to hear that your issue was solved.

    Regards,
    Rose Tyler.

    Avatar: andantesash
    andantesash
    Participant
    February 2, 2017 at 02:06

    Thanks Rose that seems to have fixed the issues, although a new issue has happened – the 4th row down on my shop is showing a big blank space between products;

    https://goo.gl/uMn1B7

    How do I fix this? If you need to get in to wp-admin, you should have my details that I previously added for you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 2, 2017 at 09:18

    Hello,

    Please add this code in Custom CSS:

    @media screen and (min-width: 1200px){
    .row-count-5 .product:nth-child(5n+1), .row-count-6 .product:nth-child(5n+1) {
        clear: both !important;
    }
    }

    Regards,
    Rose Tyler.

    Avatar: andantesash
    andantesash
    Participant
    August 15, 2017 at 07:37

    I have updated to the latest version of the theme and the CSS you added in for the add to cart / select options alignment isn’t working anymore – http://i.imgur.com/IDspMyE.jpg

    How do i fix this so they are all aligned in the same row?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 15, 2017 at 08:22

    Hello,

    Could you please provide me link to page with the problem?

    Regards

    Avatar: andantesash
    andantesash
    Participant
    August 15, 2017 at 17:10

    Here is the issue;

    https://goo.gl/hpVpYw

    As you can see, the add to basket / select options aren’t aligned – they need to be in the same line.

    It seems to be, whenever there is a variant in price it drops the box down, can you tell me how to get them in the same line please.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 16, 2017 at 07:59

    Hello,

    Please use this code:

    .products-grid .price {
        min-height: 40px;
    }

    Regards

    Avatar: andantesash
    andantesash
    Participant
    August 16, 2017 at 13:19

    Great! That worked.

    It doesn’t work on the related products though at the bottom of single product pages – they appear like before out of alignment. Is there a code to fix this?

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 16, 2017 at 13:28

    I’ve changed code in Custom css. Please check.

    Regards

    Avatar: andantesash
    andantesash
    Participant
    August 16, 2017 at 14:52

    Thanks Rose 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 16, 2017 at 14:54

    You’re welcome!

    Regards

  • 1 2
    Viewing 20 results - 1 through 20 (of 26 total)

The issue related to '‘Remove borders on menu (header 11) and align add to carts’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.