Results 1 to 7 of 7

Thread: FaceScroll Help

  1. #1
    Join Date
    Dec 2009
    Posts
    54
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Question FaceScroll Help

    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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Dec 2009
    Posts
    54
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    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

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. The Following User Says Thank You to jscheuer1 For This Useful Post:

    moose86 (12-21-2013)

  6. #5
    Join Date
    Dec 2009
    Posts
    54
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

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

  7. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  8. #7
    Join Date
    Dec 2009
    Posts
    54
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    ok cool, learn something new every day

    PS, have a good xmas

Similar Threads

  1. FaceScroll Custom scrollbar
    By Dzsedzs in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 10-18-2012, 08:00 AM
  2. FaceScroll scrollbar help please...
    By aztech4mac in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 09-30-2012, 10:07 PM
  3. FaceScroll Custom scrollbar
    By PaulChgo60657 in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-12-2012, 01:16 AM
  4. (Help) FaceScroll Custom scrollbar
    By Isnan Nugrah in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 06-16-2012, 08:26 PM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •