Solved

How do I center this slideshow?

Posted on 2013-12-08
6
297 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Asp response.write to clients 6 46
TypeError jquery issues with site - CSS conflicts 3 46
HTML INPUT 6 39
Error Handler 8 42
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Find out what you should include to make the best professional email signature for your organization.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

734 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