Solved

How do I center this slideshow?

Posted on 2013-12-08
6
293 Views
Last Modified: 2013-12-09
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
Comment
Question by:Donnie Walker
  • 3
  • 3
6 Comments
 
LVL 11

Accepted Solution

by:
Radek Baranowski earned 500 total points
ID: 39706066
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
 

Author Comment

by:Donnie Walker
ID: 39706128
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
 

Author Comment

by:Donnie Walker
ID: 39706146
also, when I do the margin-left the site now has a horizontal scroll bar.

Is there a way to fix this?
0
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 
LVL 11

Expert Comment

by:Radek Baranowski
ID: 39706161
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
 
LVL 11

Expert Comment

by:Radek Baranowski
ID: 39706174
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
 

Author Comment

by:Donnie Walker
ID: 39706178
Thanks haranello. You've been a huge help!
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question