Return to previous page

How to adjust height of homepage carousel

This topic has 4 replies, 2 voices, and was last updated 8 years, 7 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
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
X-Phone 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.