Expand Evolve Bootstrap Slider to Full Width

  • Resolved marisa831

    (@marisa831)


    10 years, 4 months ago

    Hi,
    I’m trying to change Evolve theme Bootstrap Slider on my home page to be full width. Been researching online for days, can’t quite figure it out. Can it be changed in style.css or does it require something else like javascript? I’ve changed all pages layout to wide and 1600px (the max). Website here – still in progress.

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

  • I would be playing with something like this in style.css, probably does not need !important but I have not checked so I included it just incase.

    .container, div#bootstrap-slider {
width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
    Thread Starter marisa831

    (@marisa831)

    Figured it out.
    Appearance > Theme Options > General
    Layout Style: Wide
    Layout Width: 1600px

    Thread Starter marisa831

    (@marisa831)

    Then just adjusted size of images uploaded into Bootstrap slider

    How do you get rid of the text background on the bootstrap slider images?

    I apologize for asking something that has been answered in an earlier forum. Problem solved by adding .carousel-caption {display:none;} in the custom CSS box.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Expand Evolve Bootstrap Slider to Full Width’ is closed to new replies.