search

CSS-Tricks / AnythingSlider

A jQuery Slider plugin for anything.
http://css-tricks.github.io/AnythingSlider/
GNU Lesser General Public License v3.0
1.15k stars 380 forks source link

Navigation tabs have extra space between them #575

Closed nitrojane closed 9 years ago

nitrojane commented 11 years ago

Thanks in advance for any help you can give - I'd like to use the default css for a project but for some reason I can't explain, the tabs across the bottom of the images appear centered in a 30 or so px space. I can change the font, padding, height, margins, but nothing seems to make the space between the tabs get down to a few px. like they look on the demos. Any idea what could be happening?

Mottie commented 11 years ago

Hi @nitrojane!

Sorry for taking so long to respond.

If you look in the default.css file, for this line:

.anythingSlider-default .anythingControls ul a {
    font: 11px/18px Georgia, Serif;
    display: inline-block;
    text-decoration: none;
    padding: 2px 8px;
    height: 18px;
    margin: 0 5px 0 0;
    text-align: center;
    outline: 0;
}

Change the margin to 0 and that removes all spacing between tabs.

nitrojane commented 11 years ago

Thank you - I'll try that.

On Fri, Oct 4, 2013 at 10:08 AM, Rob G notifications@github.com wrote:

Hi @nitrojane https://github.com/nitrojane!

Sorry for taking so long to respond.

If you look in the default.css file, for this line:

.anythingSlider-default .anythingControls ul a { font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; outline: 0;}

Change the margin to 0 and that removes all spacing between tabs.

— Reply to this email directly or view it on GitHubhttps://github.com/CSS-Tricks/AnythingSlider/issues/575#issuecomment-25710451 .