• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 329
  • Last Modified:

How do I center this slideshow?

I have a site here:

www.particletechlabs.com

This is a Joomla 3.2 site and I recently upgraded the Gantry framework to v4.1.20.

After I did this my slideshow was no longer centered on the homepage.

At first I thought this was a css issue but nothing I do in css will center the slideshow.

Any help is appreciated.
0
Donnie Walker
Asked:
Donnie Walker
  • 3
  • 3
1 Solution
 
Radek BaranowskiFull-stack Java DeveloperCommented:
Hi, check how to alter #vt_nivo_slider110 margin-left value.

see how I altered it in FF inspector on the pic. adjust for proper value (make calculation: main colum size is ca.960px, slideshow width is 1197px, so theres 237px overflow, so set margin-left to -118px and you should be good...hopefully :)
2013-12-09-screen-013.jpg
0
 
Donnie WalkerAuthor Commented:
Perfect!

Is this the same container that has the white background?

I'd like to add a background image so it is gray all the way thru.
0
 
Donnie WalkerAuthor Commented:
also, when I do the margin-left the site now has a horizontal scroll bar.

Is there a way to fix this?
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

 
Radek BaranowskiFull-stack Java DeveloperCommented:
hmmm I guess this depends on the viewing resolution, I'm afraid.

try hiding overflow like described here, on the topmost level.

http://stackoverflow.com/questions/3296644/hiding-the-scrollbar-on-an-html-page
0
 
Radek BaranowskiFull-stack Java DeveloperCommented:
cheers, thanks for the points!

you may always try to change page inline with WebDeveloper toolkit (addon) for firefox or chrome to check what parameter does what.
0
 
Donnie WalkerAuthor Commented:
Thanks haranello. You've been a huge help!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Microsoft Exchange Server

The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now