Center small caption dots

[bigbangthinking]

Hi

I’m trying to make the small caption dots in the slider used por portfolio items to be centered. I tried:

li.flex-control-nav flex-control-paging {
  align: center;
}

But it´s not working. In the portfolio the possibilities are left or right

🙁

Thanks

http://www.bigbangthinking.com/?portfolio=mural-comic-at-nestle-benelux

[Kyle – SUPPORT]

Hi

Have you got the page builder turned on for that portfolio item?

– Kyle

[bigbangthinking]

Hi

Yes I have the Page Builder turned on. Actually the text that appears is in a text element.

An my images are being shown via a Standard Slider and in Meta Options —-> Portfolio Meta —-> Main Detail Options —> Media Display is set to standard

Also in the Meta Options —-> Portfolio Meta —-> Swift Slider Entry Options —-> Caption Position , the possibilities I have are left and right, but I understand that these are only for the swift slider, which I´m not using in my portfolio pages.

I think this should be done via CSS. And the same happens to all of my potfolio items.

Thanks
Gonzalo

[Swift Ideas – Ed]

Hi there,

You can use this custom css to center the pagination:

article.type-portfolio .flex-control-nav {
width: 100%;
left: 0;
text-align: center;
padding: 0;
}
article.type-portfolio .flex-control-nav li {
float: none;
}

– Ed

[bigbangthinking]

Yes it does !!!

Thanks

🙂

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved. Thanks Ed :-).
With Best Regards
Swift Ideas

[bigbangthinking]

Any idea how to solve the problem with the missing side of the dot? Check out the attached image.

Thanks

Gonzalo

[Kyle – SUPPORT]

I’m not seeing this? (see screenshot)

– Kyle

[bigbangthinking]

Kyle

Checked out and in Firefox and Explorer looks ok. In Chrome looks as described.

Thanks

[Mohammad – SUPPORT]

Hi,
I checked with chrome , looks perfect . See Attached screenshot.
Thanks 🙂
With Best Regards
Swift Ideas

[Kyle – SUPPORT]

Shows fine for me in chrome also, I will leave this to the developer to see if it shows like this on his screen

– Kyle

[bigbangthinking]

OK Thanks

I´m on a PC using Windows 7 Home Premium

[bigbangthinking]

By the way it might have something to do with this same issue I have with the portfolio filter in the home page

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:

ul.portfolio-filter-tabs li.all, ul.portfolio-filter-tabs li.has-items{
margin-right:4px;
}

Hope that should resolve the issue and let me know your feedback.
Thanks 🙂
With Best Regards
Swift Ideas

[bigbangthinking]

Thanks Mohammad. That did the job with the portfolio filter. Still the dots in chrome to go. Will wait to hear what the developer has to say 🙂