CSS help for colorbox slide show

HTML & CSS
1

Hi,

How do I reduce the size of the font and increase the spacing between the links at the bottom these slides ie previous, next, etc
ihost-websites.com/PAULKOKO/runway.shtml

Thank you

2

Thanks for taking the time to help out.
You saved me a lot of time and headaches.
Keep up the great work.

3

Hi,
You will find the selectors you are wanting to edit starting around line 37 in colorbox.css

These are my live edits with Firebug

#cboxCurrent {
bottom:0;
color:#999999;
[COLOR=Blue]left:150px;[/COLOR]
position:absolute;
[COLOR=Blue]font-size:12px;[/COLOR]
}
#cboxSlideshow {
bottom:0;
color:#444444;
position:absolute;
right:42px;
}
#cboxPrevious {
bottom:0;
color:#444444;
left:0;
position:absolute;
[COLOR=Blue]font-size:12px;[/COLOR]
}
#cboxNext {
bottom:0;
color:#444444;
[COLOR=Blue]left:83px;[/COLOR]
position:absolute;
[COLOR=Blue]font-size:12px;[/COLOR]
}
4

It looks like you got it :wink:

You will notice that I tweaked some of the left: offset values in the code I posted. That is how you will adjust the horizontal positions if you need to, they are all absolute positioned.

5

I added font-size:12px to stop, slidehow, close.
It looks fine now thanks.
Let me know if it’s incorrect.

6

Now how do I get the links…stop, slidehow, close to look the same?
Well actually I thought you would be able to follow my lead and find those on your own. :slight_smile:

Have you looked for them? Look on line 36 & 40, above and below the edits I made.

7

Thanks a lot…that looks great
Now how do I get the links…stop, slidehow, close to look the same?