Decrease Size of Image in Slider Section

  • Resolved Rogerparco

    (@rogerparco)


    6 years ago

    Is there a way to decrease the size of the slider image on homepage. It takes up too much space. I would like visitors to see the next section without having to scroll down to find it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Access Keys (Alson)

    (@alsonthakuri)

    6 years ago

    Hi @rogerparco

    Thank you for writing in.

    Please go to your Dashboard > Appearance > Customize > Additional CSS CSS and Add this CSS codes:

    .owl-carousel.owl-drag .owl-item {
    height: 355px;
}

    Please do contact us if you have any questions.

    Regards!

    Thread Starter Rogerparco

    (@rogerparco)

    6 years ago

    That code did work as it brought the bottom margin up, however in doing so, it also cut off some of the text in the slider section.

    Is there a way to horizontally center the text in the slider section?

    Thread Starter Rogerparco

    (@rogerparco)

    6 years ago

    Was able to move the text higher using:

    .slider-content-wrap {
    padding: 0 0px 220px;
    }

    Thread Starter Rogerparco

    (@rogerparco)

    6 years ago

    On further review, this will not work:

    .owl-carousel.owl-drag .owl-item {
    height: 355px;
    }

    All this does is moves the sections below the slider higher. This creates more white space in the logo (or last section) I use.

    Access Keys (Alson)

    (@alsonthakuri)

    6 years ago

    Hi @rogerparco

    Thank you for writing back.

    We are really sorry for the inconvenience as we were not able to catch your issue.

    Please do let us know if you have any other issues.

    Regards!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Decrease Size of Image in Slider Section’ is closed to new replies.