Solved

How do I center this slideshow?

Posted on 2013-12-08
6
291 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
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 
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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
How to hide the rows in Table when the value is empty ? 4 40
Python - desktop use 1 32
Html5 string 3 23
Html test in IIS 4 20
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
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…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

821 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