Small homepage fixes

  • Resolved thatfray

    (@thatfray)


    8 years, 4 months ago

    The homepage is a generic page which has only two elements – a featured products and a latest products shortcode.

    1)In the featured, its set to allow 2, and 2..is there a reason why it still looks like its constrained to a 4 column page? Since its 2, i assumed the imgs will be much larger. If you rightclick and view image source, its 468px…but in reality its showing much smaller, why?

    2)In the Latest section, the add-to-cart buttons are spanning the entire column. How can i size them to be the same of the pictures? 270px

    3)How can i shift my Cart to the right hand side?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    Please provide a link to your site with all support requests.

    Hannah

    1. There aren’t many options for how those display within the constraints of the free theme, but here is some CSS that will center them for you.

    div#product_wrapper.shopcolumn2 .kad_product {
    width: 50%;
}

    2. Try this CSS

    .shopcolumn3 .add_to_cart_button {
    max-width: 270px;
    margin-right: auto;
    margin-left: auto;
}

    3.
    `.topbarmenu.clearfix {
    width: 100%;
    }
    .kad-topbar-left {
    width: 100%;
    }
    ul.kad-cart-total {
    float: right;
    }`

    Let me know if this works for you.

    Thread Starter thatfray

    (@thatfray)

    hmm.. tried #2 and #3, both didn’t work, i’ll poke around a bit..

    Thread Starter thatfray

    (@thatfray)

    i figured it out…position of code matters

    when i moved the code to the top of the css chain, it worked

    thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Small homepage fixes’ is closed to new replies.