CODEWITHSUNDEEP
phpcsswordpressflexslider
Doroti Henridgz
Doroti Henridgz

Reputation: 125

Move FlexSlider at center of page

I work on small site, and have problem with FlexSlider position. I use the same template for 2 sites but with different language. Now when i copy the CSS from second site, it not apply the changes and gallery looks different on second site. To explain with image. Original Site :

enter image description here

New Site: (Login is user / password )

enter image description here

And this is link to affected page. (previous must be logged in)

I tryed to insert this CSS :

/* Gallery Center */
.col-lg-7 {width:100%;}
.flex-active-slide {
  text-align: center;
}

But this just set in center of block , and not in center of page, as first site. Any help how to get at center like first linked site? Thanks

Upvotes: 0

Views: 60

Answers (1)

phphelpplease
phphelpplease

Reputation: 131

Try

/* Gallery Center */
.col-lg-7 {min-width:100%;}
.flex-active-slide {
  text-align: center;
}

The browser may scale based on this or you can create a separate DIV the width of the page and then use margin: auto; for the contents and just place the slider inside it.

.centerslider {
min-width: 100%;
margin-left: auto;
margin-right: auto;
}

.slidercontents {
text-align: center;
}
<div class=centerslider>
<div class=slidercontents>
<h1>Place the slider here</h1>
</div>
</div>

Upvotes: 2

Related Questions