Return to previous page

How to adjust height of homepage carousel

This topic has 4 replies, 2 voices, and was last updated 8 years, 6 months 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Organic 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.