Return to previous page

How to adjust height of homepage carousel

This topic has 4 replies, 2 voices, and was last updated 9 years ago ago by Jack Richardson

  • Avatar: walkerk2@mac.com
    walkerk2@mac.com
    Participant
    May 4, 2016 at 23:44

    The content in the carousel is getting cut off at the bottom. It’s worse in IE. I’d like to adjust the overall height to fix the issue. I’ve tried editing various css selectors but I think it’s the .carousel that needs to be adjusted. Adjusting the height from height: 351px to 365px would fix the issue.
    I tried adding this to my css file but it didn’t have any impact. Can you help? See attachments in private content section.

    }
    .carousel {
    height: 365px
    }

    Please, contact administrator
    for this information.
    #124074 Copied
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 5, 2016 at 09:52

    Hello,

    Try the following css code:

    .carousel {
    height: 365px !important;
}

    Best regards,
    Jack Richardson.

    #124117 Copied
    Avatar: walkerk2@mac.com
    walkerk2@mac.com
    Participant
    May 6, 2016 at 18:11

    Hi, this worked. Thanks! Now I’d also like to similarly adjust the height on the product detail page carousels. The height: 365px !important; did not seem to impact them. Any suggestions? Specific page url is in web-site field below.

    #124523 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 7, 2016 at 08:23

    Hello,

    As I see the code is working http://storage3.static.itmages.com/i/16/0507/h_1462605794_9973635_17cb8d107a.jpeg . Please clarify what you want to modify on single product page.

    Best regards,
    Jack Richardson.

    #124560 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme

See All Templates

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