add-to-cart from homepage

  • Resolved TokoDaring.Com

    (@wpjakarta)


    3 years, 7 months ago

    Hello, good morning

    please to take a look of this screenshoot when someone do click add-to-cart from my homepage. https://i.imgur.com/uPNmYad.jpg

    the cover image still covering half of woocommerce message

    i’m looking if my additional css code maybe causing this. one of my code potentialy causing that problem maybe of this code, but im not sure.

    #homepage_id > div.entry-content > div.wp-block-cover.alignfull {
	margin-bottom:0;
}

    (the code above is to remove gap between cover and my CTA below the cover)

    hope someone from this expert group can help me to analize what causing this problem

    thank you

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Senff – a11n

    (@senff)

    3 years, 7 months ago

    Hey @wpjakarta

    This is caused by the following code:

    .home.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-cover.alignfull, .home.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-image.alignfull {
    margin-top: -4.235801032em;
}

    If you want to override that, you could add this CSS:

    .home.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-cover.alignfull {
    margin-top: 0;
}

    This will move the banner a bit down. However, by doing that, it will also move this image down on the homepage before you add something to the cart, like this:


    Image link: https://d.pr/i/aH2ycm

    Thread Starter TokoDaring.Com

    (@wpjakarta)

    3 years, 7 months ago

    hi @senff thank you for your help

    by the same time i just change my hero section design from cover image to a paragraph and cat. shortcode. so it a bit different from my previous screenshoot i attached

    by the way, your help give me insight to apply css code for current design now. i able to add 

    .site-content>.col-full>.woocommerce>.woocommerce-message:first-child {
	margin-top:-2.235801032em;
}

    and it looking proportionaly good now

    again, thank you for your help

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘add-to-cart from homepage’ is closed to new replies.