Flex Slider change to border

  • Resolved Mohana90

    (@mohana90)


    9 years, 3 months ago

    Hi everyone,
    Good day!

    I would to change my company website Flex Slider with a border and within the box. My boss does not like the wide screen Flex Slider and he wanted to minimize slider with left and right side empty, middle of the front page will the slider.

    I have change the padding value in style.css and output is still the same. The wide screen of slider still appeared. Please advice on the matter. Hope to get a solution for this.
    Thank you in advance. ??

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

  • Hi,

    Please share your site’s URL and screen-shot reveals how you want to customize the slider.

    Thanks.

    Thread Starter Mohana90

    (@mohana90)

    Hi,

    Thanks for the prompt reply.
    URL is https://www.blueoceands.com/home
    Currently the slider is wide screen. I would like to have a space at left and right side of the slider maybe 2 cm.

    Thank you.

    Hi,

    Please go to admin Dashboard >>Appearance >>Theme Options >>General Settings and find custom CSS editor.

    Now copy below CSS in custom CSS editor.

    .carousel {
  margin: 0 3% !important;
}

    Save the changes.

    Thanks.

    Thread Starter Mohana90

    (@mohana90)

    Hi,

    Thank you so much. It works. Besides, one more question I would like to change the color of the shadow from grey to light blue in flex slider. Currently the slider left and right side is in grey color.

    Please advice on the matter. Thank you.

    Hi,

    Please add below CSS in custom CSS editor.

    .carousel-control.left,
.carousel-control.right{
  background-image: linear-gradient(to right, rgba(0, 0, 255, 0.5) 0%, rgba(0, 0, 0, 0) 100%) !important;
}

    Save the change.

    Thanks.

    Thread Starter Mohana90

    (@mohana90)

    Hi,

    Thank you for your details. I have updated. Appreciate your help a lot.

    Hi,

    Most Welcome.

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Flex Slider change to border’ is closed to new replies.