PBase

sorry for the maybe stupid question but can anyone explain me with simple words (my english isn't too good) what I must add (and where) into the CSS so that the caption (descreption/name above a gallery) is shifted from the right to either left side or center.

thanx
steve

If you'll check your "street life" gallery, you'll easily find it in this section:

Code: Select all

h2
{
  font-size:         12pt;
  font-weight:      normal;
  text-align:        right;
  letter-spacing:     8px;
  padding-top:       15px;
  padding-bottom:    15px;
  margin-left:       2px;
  margin-right:      2px;
  background-color: black;
  color:  white;

Change the text-align statement to left, or center to move it.

many thanks!! I changed the align-line to left now, clicked update CSS and update gallery but the damn thing stays far right like pegged

is it maybe because I use firefox?

thanx again

s.

EDIT: okay in my own stylesheet this really worked. Now I have deleted my own CSS and wanted to just copy the HTML-stuff of one of the standard style sheets (alexc) and alter it as I like. Basically the alexc is nice just the alignement of the captions is not perfect. However, after deleting my own CSS I have no Idea how I can get the HTML-stuff of this alexc CSS....

problem solved!

I found the alexc-contents in here copied it, renamed it and can now alter it as I like. What I do not know where one can find the contents of the provided CSS' cause it took me quite a while till I found it...

if one wants to have it:

alexc/ stylesheet
BODY
{
color: white;
background-color: #333333;
font-size: 7pt;
}
.message_body { background-color: #333333;
color: #d5ae83; padding-bottom: 10px; }

DIV,TH,TR,TABLE,FONT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5,FONT, CENTER
{
font-family: verdana, arial, sans-serif;
font-size: 10pt;
color: white;}
font
{
color: #AAAAAA; letter-spacing: 2px; font-size: 8pt;
}

h2
{
font-size: 12pt;
font-weight: normal;
text-align: right;
letter-spacing: 8px;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 2px;
margin-right: 2px;
background-color: black;
color: white;
}
h2:first-letter
{
color: #d5ae83;
font-weight: bold;
font-size: 22pt;
}
h4
{
color: #44dd44;
font-size: 11pt;
}

I
{
color: #888888;
}
TEXTAREA
{
background-color: #EEEEEE;
font-family: times new roman;
color: black;
scrollbar-base-color: gray;
scrollbar-3dlight-color: black;
scrollbar-highlight-color: none;
}

A, TD.A, A:link
{
color: #FFCC00;
text-decoration: none;
}
A:hover { color: #00FF00; text-decoration: underline; }
A:visited { color: #FFCC66; }
A:active { color : #d5ae83; }
.caption
{
font-size : 9pt;
color : #bbbbbb;
font-style : italic;
}
TD
{
background-color: none;
}
TD.thumbnail
{
background-color: black;
padding: 5px;
vertical-align: middle;
horizontal-align: middle;
width: 200px;
}
.thumbnail { border-color: silver; border-width: 1px; }
.display
{
border: 3px RIDGE #999999;
background-color: black;
}
BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


thanks and regards
steve

Steve,
If you've installed Firefox, you need the "Web Developer Toolbar" installed for it. Once installed, just open the CSS with it while viewing your gallery & edit in real time. Then copy, and add to your sheets using a new name for it. Instructions, and link to add the toolbar in the first "sticky" post of this forum, here: http://forum.pbase.com/viewtopic.php?t=13408

Enjoy!

Hi Dang!

Thanks for the info,yes I use Firefox. As soon as I've got more time I'll go through that 'Toolbar Theme'. I hope I can install it as I always have problems with installation guides in English. I am not a native speaker

However, your help is greatly appreciated!

Take care
Steve

Curious...
Can you change the name of the gallery through CSS?

I'm not sure why you'd need to use CSS to change the gallery name. Just rename it, click update and it's changed. Sorry if I'm not understanding what you mean.

what about the width of the background, how
can i shortened it? TIA!