Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

How do I center this slideshow?

Posted on 2013-12-08
6
Medium Priority
?
309 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 12

Accepted Solution

by:
Radek Baranowski earned 2000 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
Industry Leaders: 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 12

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 12

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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

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
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

721 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