Return to previous page

How to adjust height of homepage carousel

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Zoo Shop – 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.