FaceScroll Help

**moose86** · 12-20-2013, 10:04 PM

1) Script Title: FaceScroll Custom Scrollbar

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/facescroll/

3) Describe problem:

I am using this custom scrollbar on my website in an iframe, when i try to center content withing the iframe target page it seems to stay snapped to the left hand side, I have tried to center using the HTML & CSS ways

Anyone know how to fix this?

Thanks

**jscheuer1** · 12-21-2013, 02:11 AM

Do you mean center the scroller or center the text within the scroller?

If you want more help, please answer the question and include a link to the page on your site that contains the problematic code so we can check it out.

**moose86** · 12-21-2013, 07:33 PM

Hi, thanks for answering,

i want to center the content within the div (much like text-align:center

but as you can see it is snapping to the left

URL: http://seprotest6939567.secorp.org.u...ice-event.html

Thanks

**jscheuer1** · 12-21-2013, 07:46 PM

Add this to the stylesheet (seprotest6939567.secorp.org.uk/css/iframe.css):

Code:

.alt-scroll-content {
text-align: center;
width: 100% !important;
}

And around line 483 (same stylesheet), get rid of the red:

Code:

#service-description{
	width: 686px; 
	margin-top: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

The browser cache may need to be cleared and/or the page refreshed to see changes.

**moose86** · 12-21-2013, 08:14 PM

Thanks John, it worked, by the way, what does the !important bit mean in css?

**jscheuer1** · 12-21-2013, 08:18 PM

It's the override keyword. The script hard codes width: auto; to the element. That would keep it a little toward the left, centered, but not centered within the scroller