Laryl,
Well, I’ll try to do my best to make myself understood, English is not my mother tongue, so if my explanation might sound a little bizarre to you as for its style, try to guess what I mean to say ;^)
What you copied and pasted for me has nothing to do with CSS, it’s HTLM language and it’s the code you inserted in the description of your front page gallery to get your logo with your name and the slideshow at the top of the page.
So forget all that for the moment, you don’t need to add anything in your front page description case.
What you have to do is to edit your CSS.
To do that, please , click on the button “Edit root gallery”, then when you are in edit mode go down and you’ll see the case “Style sheet” by that there is the name of the style sheet you use and by that there is the button “Edit style sheet”.
Clicking there you’ll be directed to the page where you cna edit your style-sheets and it’s the style sheet you have to correct, not the code you inserted in your description case.
This is the code of the CSS (style sheet) you are using in your page
- Code: Select all
A
{
COLOR: #26466D;
TEXT-DECORATION: none
}
A:link
{
COLOR: #26466D;
TEXT-DECORATION: none
}
A:visited
{
COLOR: #26466D;
TEXT-DECORATION: none
}
A:active
{
COLOR: #26466D;
TEXT-DECORATION: none
}
A:hover
{
COLOR: #DCDCDC;
TEXT-DECORATION: none
}
/* This section defines the black block occupied by each gallery */
A.thumbnail
{
DISPLAY: block;
BACKGROUND: #32353a;
BORDER-RIGHT: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
MARGIN-BOTTOM: -45px;
WIDTH: 190px;
HEIGHT: 200px;
PADDING-TOP: 5px;
FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
A.thumbnail:link
{
DISPLAY: block;
BACKGROUND: #32353a;
BORDER-RIGHT: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
MARGIN-BOTTOM: -45px;
WIDTH: 190px;
HEIGHT: 200px;
PADDING-TOP: 5px;
FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
A.thumbnail:visited
{
DISPLAY: block;
BACKGROUND: #32353a;
BORDER-RIGHT: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
MARGIN-BOTTOM: -45px;
WIDTH: 190px;
HEIGHT: 200px;
PADDING-TOP: 5px;
FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
A.thumbnail:active
{
DISPLAY: block;
BACKGROUND: #32353a;
BORDER-RIGHT: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
MARGIN-BOTTOM: -45px;
WIDTH: 190px;
HEIGHT: 200px;
PADDING-TOP: 5px;
FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
/* The following defines when hovering mouse over gallery block*/
A.thumbnail:hover
{
DISPLAY: block;
BACKGROUND: #26466D;
BORDER-RIGHT: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
MARGIN-BOTTOM: -45px;
WIDTH: 190px;
HEIGHT: 200px;
PADDING-TOP: 5px;
FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
BODY
{
BACKGROUND: #6E7B8B;
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 20px
}
DIV
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
COLOR: #000000;
FONT: 12px verdana, arial, sans-serif;
}
TH
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
COLOR: #000000;
FONT: 12px verdana, arial, sans-serif;
}
TR
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
COLOR: #000000;
FONT: 12px verdana, arial, sans-serif;
}
TABLE
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
MARGIN-TOP: -27px;
MARGIN-BOTTOM: 7px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
TABLE.luis
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
FONT
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
LI
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
UL
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
FORM
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
BLOCKQUOTE
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
/*Text beside and directly underneath slide show*/
P
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 13px verdana, arial, sans-serif;
COLOR: #DCDCDC;
}
/* Text in gallery thumbnails*/
B
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #DCDCDC;
}
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
FONT
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
CENTER
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
FONT: 12px verdana, arial, sans-serif;
COLOR: #000000;
}
FONT
{
DISPLAY: block;
COLOR: #000000;
WIDTH: 170px;
MARGIN-LEFT: 4px;
MARGIN-RIGHT: 4px;
FONT: 9px Verdana, Tahoma, Helvetica, sans-serif;
LETTER-SPACING: 0px
}
H3 {
BACKGROUND: #000000;
FONT-STYLE: normal;
FONT-WEIGHT: normal;
FONT-SIZE: 16px;
FONT-VARIANT: normal
LETTER-SPACING: 0px;
TEXT-ALIGN: center;
LINE-HEIGHT: normal;
BORDER-LEFT: 0px;
PADDING-TOP: 10px;
PADDING-BOTTOM: 10px;
COLOR: #DCDCDC;
}
IMG
{
BORDER-TOP: #000000 1px;
BORDER-BOTTOM: #000000 1px
BORDER-LEFT: #000000 1px;
BORDER-RIGHT: #000000 1px;
}
IMG.thumbnail
{
BACKGROUND: #000000;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
MARGIN: 0px;
VERTICAL-ALIGN: middle;
}
INPUT
{
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
}
TABLE.thumbnail
{
WIDTH: 10%
}
TD
{
BACKGROUND: none transparent scroll repeat 0% 0%;
BORDER-TOP: 1px;
BORDER-BOTTOM: 1px;
BORDER-LEFT: 1px;
BORDER-RIGHT: 1px;
BORDER-COLLAPSE: collapse;
empty-cells: show
}
TD.message_body
{
DISPLAY: block;
BACKGROUND: #000000;
BORDER-TOP: 1px;
BORDER-BOTTOM: #000000 1px dotted
BORDER-LEFT: 1px;
BORDER-RIGHT: 1px;
}
.caption {
COLOR: #ff00ff;
FONT-STYLE: italic
}
.display
{
BACKGROUND: #000000;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
FILTER: progid:DXImageTransform.Microsoft.Shadow(color="#141414",Direction=135,Strength=5);
}
.lid
{
BACKGROUND: #000000;
FONT: 11px Verdana, Tahoma, Helvetica, sans-serif;
COLOR: #ff00ff;
TEXT-DECORATION: none
}
.message_body {
MARGIN: 5px 5px 10px;
FONT: 10px Verdana, Tahoma, Helvetica, sans-serif;
COLOR: #000000
}
.sb
{
BACKGROUND: #000000;
COLOR: #DCDCDC;
FONT: 12px Verdana, Tahoma, Helvetica, sans-serif;
TEXT-DECORATION: none
}
BODY
{
MARGIN-TOP: 0px; TOP: 0px
}
BODY TABLE A IMG
{
DISPLAY: inline
}
HR
{
POSITION: relative
}
You’ll see that here you have a section “body”
This one
- Code: Select all
BODY
{
BACKGROUND: #6E7B8B;
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 20px
}
It’s there that you should add the line of code to centre the thumbnails of your recent galleries list in all browsers.
If you prefer I can rewrite all your CSS including the lines of commands which can fix your problem.
It will look exactly like before as for colours and all, simply you’ll get all centred and you’ll have the font of the colour you want, that is white like in your main page.
You might write to me by email, my email address is visible in my profile page and I’ll send you the whole code for your css by email.
Let me know.
I hope it can help
Best
Marisa