Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • August 12, 2018 at 9:30 pm #996500
    morelon

    Hello,
    in your demo page you have no border around area where are Add to car button or variables. See picture. How can I hide it? I am using Enfold with Brown color scheme. Thanks.

    August 13, 2018 at 5:00 am #996529
    Mike

    Hey morelon,
    Please include the url to the page in question so we can write the correct css for you.

    Best regards,
    Mike

    August 13, 2018 at 7:17 am #996545
    morelon

    Hi, here is the url. It should work for all products now and in the future.

    August 13, 2018 at 12:54 pm #996645
    Rikard

    Hi,

    Thanks for the link. Please try the following in Quick CSS under Enfold->General Styling:

    form.variations_form {
    background-color: transparent;
    border: none;
}

    Best regards,
    Rikard

    August 13, 2018 at 1:42 pm #996671
    morelon

    There is a change, but not positive change. :) Border is black and still visible.

    August 13, 2018 at 1:46 pm #996674
    morelon

    Ok I figure it out, I used !important and it works now. Thanks for help.

    Another question, is it possible to have this “form” (variations and cart button) over the picture on the mobile screen? Picture attached.

    August 13, 2018 at 3:35 pm #996730
    Victoria

    Hi morelon,

    Glad you got it working for you! :)

    Which form do you want to place there? Do you mean WooCommerce filters?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 13, 2018 at 9:43 pm #996888
    morelon

    Please forget my last question.

    I would like to hide frames around pictures on the product page.
    I would like to make main picture wider if it is possible, see picture.

    Thanks.

    August 13, 2018 at 10:45 pm #996899
    Jordan Shannon

    Hi,

    Add this to quick css:

    .woocommerce-product-gallery__wrapper a.lightbox-added{
border:0px!important;
}

.single-product-main-image{
width:43%!important;
}

    Best regards,
    Jordan Shannon

    August 14, 2018 at 8:08 am #997001
    morelon

    Thanks, I have to add image width code to custom css -> just for desktop. Otherwise also on the mobile screen was picture width only 43% of the screen, which I didn’t want. But It works now!

    Frame around picture is hidden also, but only around main picture. I would like to hide frame also around the small pictures beneath the main picture.

    August 14, 2018 at 12:49 pm #997055
    Mike

    Hi,
    For the frames around the product thumbnails, Please try this code in the General Styling > Quick CSS field:

    #top .single-product-main-image .thumbnails a {
    padding: 0px !important; 
}

    Best regards,
    Mike

    August 14, 2018 at 8:17 pm #997265
    morelon

    Sorry but it is not working..

    August 14, 2018 at 8:33 pm #997270
    Jordan Shannon

    Hi,

    Adjust Mike’s code to the following:

    #top .single-product-main-image .thumbnails a {
   border:0px!important; 
}

    Best regards,
    Jordan Shannon

    August 16, 2018 at 8:43 am #997847
    morelon

    Still not working.

    August 16, 2018 at 10:23 pm #998183
    Basilis

    Hi,

    #top .single-product-main-image .thumbnails a {
    border: none !important;
    }

    Let us know now

    Best regards,
    Basilis

    August 16, 2018 at 10:56 pm #998200
    morelon

    still there :(

    August 17, 2018 at 6:28 am #998267
    Mike

    Hi,
    I assume you have cleared you browser cache, but when I look I don’t see the border anymore. Can you please include a screenshot of what you are seeing and which browser you are using.
    Please see the screenshot in Private Content area.

    Best regards,
    Mike

    August 17, 2018 at 7:22 am #998298
    morelon

    Hi, I am checking the webiste on Chrome, Opera and Explorer. Pictures attached.

    August 18, 2018 at 3:31 am #998612
    Mike

    Hi,
    Thank you for the images, please try this css:

    #top .single-product-main-image .thumbnails a {
border: none !important;
padding: 0px !important;
}

    Best regards,
    Mike

    August 20, 2018 at 7:09 pm #999565
    morelon

    sorry but those codes are not working..

    August 20, 2018 at 7:27 pm #999568
    Jordan Shannon

    Hi,

    Have you added the codes to the very top of quick css so that they run first? Also be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    August 20, 2018 at 8:43 pm #999593
    morelon

    Now it works, I put it on the very top of the css.. Thank you for effort.

    August 20, 2018 at 8:50 pm #999595
    Jordan Shannon

    Hi,

    No problem at all. We are all happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Border around add to cart button’ is closed to new replies.