Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 16, 2016 at 6:33 pm #725513
    Itai

    Hey all,

    So I started programming our webshop. I placed a transparent header to have consistency with the rest of the site but I would like to know how to place a 150 pixel spacer before the header so I don’t get this:

    top fix

    Also, I would like to customize the color of the ‘remove product’ X and ‘proceed to checkout’ to black, as they are unreadable now.

    css

    Cheers,

    December 20, 2016 at 11:57 pm #726831
    Yigit

    Hey Itai,

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

    .single-product .av_header_transparency + #main > .container_wrap_first {
    padding-top: 140px;
}
.wc-proceed-to-checkout a {
    color: black!important;
}
#top .main_color a.remove {
    background: black;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    If that does not help, please post a link to your website.

    Best regards,
    Yigit

    December 21, 2016 at 4:52 pm #727145
    Itai

    Hey Yigit,

    I added the code to my Enfold Child CSS. ‘Proceed to checkout’ & single product padding work great. thanks

    However the a.remove: the background, whatever the color, just takes over the ‘X’. I cannot see the X in the circle?

    Also, what is the CSS class for the ‘sale’ text in the store (also hard to read with my current color scheme)

    Cheers,

    December 21, 2016 at 4:54 pm #727147
    Yigit

    Hey!

    If you are not on localhost, can you please post the link to your website? It would be a lot easier for us to provide you accurate solution. If you posted temporary admin logins here privately, that would be even better :)

    Cheers!
    Yigit

    December 21, 2016 at 8:52 pm #727283
    Itai

    Here is a screenshot. I would like the ‘remove product’ X to be yellow, consistent with the rest of the site. Currently it’s just a black dot.

    I am on a localhost unfortunately :-( We are still in development.

    I can share my enfold child css though…see below.

    And 1 more question if I may: how do I add padding to the product description before the ‘you may also like’ footer section?

    thanks,

    • This reply was modified 7 years, 3 months ago by Itai.
    December 21, 2016 at 9:48 pm #727303
    Basilis

    Hey!

    We can not do a lot with just CSS, we need to also be able to work things out.
    Can you please let us know when u will have it online, so we can be able to support you?

    Thank

    Best regards,
    Basilis

    December 21, 2016 at 11:37 pm #727332
    Itai

    Oh, that sucks :-(
    Ok, will do.

    Thanks.

    December 22, 2016 at 1:23 am #727347
    Vinay

    Hi,

    Thank you for your co-operation, we will keep this ticket open for you.
    Please feel free to revert when we can access the site :)

    Best regards,
    Vinay

    • This reply was modified 7 years, 3 months ago by Vinay.
    January 26, 2017 at 10:18 pm #739141
    Itai

    Hello,

    The web store is online now:

    -How do I get a transparent header in the Shop page?
    -Those pesky ‘Remove items’ X in the cart: how do I control the color & background color?

    Cheers,

    I

    January 31, 2017 at 3:27 pm #740687
    Andy

    Hi,

    1.) when editing your shop page scroll down and look on the right side for “Header visibility and transparency”

    2.) About what are you talking about exactly? we need a precise link and a screenshot showing where we should look at on your website.

    Best regards,
    Andy

    February 21, 2017 at 9:19 pm #750158
    Itai

    Hi,

    The page is set to ‘transparent header’ but my shop page’s header is still not transparent: http://heaven11audio.com/shop/

    No matter what header I choose it does not change.

    Also it says this on the page edit page. Does that have anything to do with it?
    “Advanced Layout Editor (disabled)
    This page is set as the default WooCommerce Shop Overview and therefore does not support the Enfold advanced layout editor”

    February 24, 2017 at 3:58 pm #751456
    Andy

    Hi,

    use this code inside Quick CSS field:

    .header_bg {
background-color: transparent !important;
}

    Best regards,
    Andy

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