Board index PBase HTML and Style Sheets centering and changing font to title in root gallery?

HTML and Style Sheets

centering and changing font to title in root gallery?

Customize your galleries.
shy_cohen
 
Posts: 4

centering and changing font to title in root gallery?

Post Tue Jan 19, 2010 9:07 pm


Hi to all,
Just started my gallery in pbase. I am new to all this css stuff and i would like your help please.
I would to know how to center and change the font size and type for the title (shy cohen photography) in my root gallery?
http://www.pbase.com/shy_cohen

this is the code I put in the description tab:
<hr />
<h2>Shy Cohen Photography</h2>
<table border="0" align=center>
<td width="402" align=center>
SLIDESHOW(121131994,121087640,121132025,121195542,121195596,121195626,121195662,121195691,121195727,121195760,121195788,121195828,121195862,121195925, size=medium, delay=5, loop=yes, link=image, random=yes)
</td>
<td width="450">
<p>
Hello,
I have always been fascinated by nature.<br>Its intricate beauty, the patterns, the colors all move me deeply and calm my soul.<br>Since I began photographing 2 years ago I was drawn to the wonder of macro photography and that is what I shoot mainley. It has opened for me such a magical world in which patterns, colors, details, behaviors and life all blend in such wonderful harmony.<br>I hope these galleries convey some of the magic I feel...<br>Thanks for looking through, Shy Cohen :-)
</p>
</td>
</table>
<hr />
<p align= "center"><a href="< <a href="http://s06.flagcounter.com/more/nUB"><img src="http://s06.flagcounter.com/count/nUB/bg=505050/txt=000000/border=505050/columns=9/maxflags=248/viewers=0/labels=0/" alt="free counters" border="0"></a>
</td>
</table>
<hr />


Thanks a lot for your help :D

Shy

mardoli
 
Posts: 585

Re: centering and changing font to title in root gallery?

Post Tue Jan 19, 2010 10:14 pm


Hello !
I think you should modify your CSS for that.
The section which is related to the title bar is H2.
If you modify your CSS according to the following code
Code: Select all
DIV,TABLE,TR,TH,FONT,LI,UL,FORM,BLOCKQUOTE,P{
    font-family: verdana, arial, sans-serif;
    font-size: 10pt;
    color:  #cccc99;
}

body{
        margin-bottom: 0px;
        margin-top: 0px;
        background:  #505050;
        text-align:center;
}

A, TD.A,A:link
{
    color:  #cccc99;
    text-decoration: none;
}

A:hover {
    color:  #ffff00;
    text-decoration: none;
}
A:visited {
    color:  #cccc99;
    text-decoration:none;
}
A:active {
    color :  #ffff99;
}

h2
{
font-size: 20px;
font-weight: bold;
font-family: comic sans ms,verdana;
text-align: center;
letter-spacing: 8px;
padding-top: 2px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
background:  black;
}

td {
    border: 1px  #000000 solid;
    background:  #202020;
    border-collapse: collapse;
    empty-cells: show;
        -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.thumbnails{
    border:  #000000 1px solid;
    padding: 4px 4px 4px 4px;
    margin: 4px 0px 0px 0px;
    margin-left: -455px;
    width: 900px;
    background:  #343434;
    position: relative;
    left: 50%;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
}

it should work, you can change all the value you like in the section H2.
I hope it can help.
Best
Marisa
ImageImage
"Arguments are to be avoided; they are always vulgar and often convincing."
~Oscar Wilde~

shy_cohen
 
Posts: 4

Re: centering and changing font to title in root gallery?

Post Wed Jan 20, 2010 9:31 pm


thanks marisa very much for your help.
I have a small question please.
The code you wrote. I don't know in which line to add it in my css.
Should I copy and paste it under the H2 section? above?

Thanks a lot again :D

Shy

mardoli
 
Posts: 585

Re: centering and changing font to title in root gallery?

Post Thu Jan 21, 2010 10:19 am


Hello!
The code I wrote is exactly the one of the style-sheet you use now, where I simply modified the section H2 to allow you to get the results you wanted.
My suggestion would be to create a new personal sytle-sheet.
I suppose you know how to do that, but just in case, go to edit mode in your page, select “edit style sheet” clicking on it and then create a new style-sheet, give it the name you want , but overwrite the basic script with my script, all the script, not only the h2 section.
Then validate the changes.
It means that then you can from your edit page of your gallery select this new style sheet, your page will look exactly like before, only the section H2, that is the title will look centred and bigger as you wanted.
Then, if you don’t like the font-family or the size, you can modify at your tastes only the section h2 of your style sheet, always passing by the edit mode edit style-sheet and so on.
As alternative, instead of creating a new style-sheet, you can simply edit the one you already have, overwriting its script with mine and then adjusting the setting of the section H2 according to your personal preferences.
I hope it can help.
Best
Marisa
ImageImage
"Arguments are to be avoided; they are always vulgar and often convincing."
~Oscar Wilde~

shy_cohen
 
Posts: 4

Re: centering and changing font to title in root gallery?

Post Sat Jan 23, 2010 5:27 pm


Thanks a million Marisa. It worked great and I am really thankful for your kind help :D

If you don't mind another question I would like to know how to center the titles in each of my galleries.
Only the title in my root gallery is centered now.

Thanks again!

Shy

mardoli
 
Posts: 585

Re: centering and changing font to title in root gallery?

Post Sat Jan 23, 2010 8:28 pm


Hello Shy !
I’m happy I could help you.
Anyway looking at your root page in IE I noticed that the table with the thumbnails is not centred, while in FF it’s .
I checked all the parts of your style-sheet and I realized that it’s necessary to edit it in order to have all the section in order in all browsers.
So, please, copy the following code and overwrite all the code of the actual style-sheet, or if you prefer edit only the last section, the .thumbnails one.
Code: Select all
DIV,TABLE,TR,TH,FONT,LI,UL,FORM,BLOCKQUOTE,P{
    font-family: verdana, arial, sans-serif;
    font-size: 10pt;
    color:  #cccc99;
}

body{
        margin-bottom: 0px;
        margin-top: 0px;
        background:  #505050;
        text-align:center;
}

A, TD.A,A:link
{
    color:  #cccc99;
    text-decoration: none;
}

A:hover {
    color:  #ffff00;
    text-decoration: none;
}
A:visited {
    color:  #cccc99;
    text-decoration:none;
}
A:active {
    color :  #ffff99;
}

h2
{
font-size: 20px;
font-weight: bold;
font-family: comic sans ms,verdana;
text-align: center;
letter-spacing: 8px;
padding-top: 2px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
background:  black;
}

td {
    border: 1px  #000000 solid;
    background:  #202020;
    border-collapse: collapse;
    empty-cells: show;
        -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.thumbnails{
    border:  #000000 1px solid;
    padding: 4px 4px 4px 4px;
    margin: 4px 0px 0px 0px;
    margin-left: auto;
   margin-right: auto;
    width: 900px;
    background:  #343434;
    position: relative;
     
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
}

All should be fine in all browsers.
Immediately after this post I’ll add another one to help you to centre the title also in your other galleries.
Best
Marisa
ImageImage
"Arguments are to be avoided; they are always vulgar and often convincing."
~Oscar Wilde~

mardoli
 
Posts: 585

Re: centering and changing font to title in root gallery?

Post Sat Jan 23, 2010 8:40 pm


Hello again!
To have the title centred in all galleries, you have simply to edit the script of their style sheet in the section h2
Like that
Code: Select all
h2
{
  font-size:         12pt;
  font-weight:      normal;
  text-align:       center;
  letter-spacing:     8px;
  padding-top:       15px;
  padding-bottom:    15px;
  margin-left:       2px;
  margin-right:      2px;
  background-color: black;
  color:  white;
}

of course you can also change the size of the font or the font-family if you like, always in the above section.
Don't hesitate to ask.
I might sound confusing in my explanation because English is not my mother tongue.
Best
Marisa
ImageImage
"Arguments are to be avoided; they are always vulgar and often convincing."
~Oscar Wilde~

shy_cohen
 
Posts: 4

Re: centering and changing font to title in root gallery?

Post Sun Jan 24, 2010 12:51 pm


Marisa you are awesome :D
Everything works great like you explained (your english is very good do not worry) and I am really happy :D
I appreciate very much your kind help and quick response.
Enjoy and keep smiling
:D

Shy

mardoli
 
Posts: 585

Re: centering and changing font to title in root gallery?

Post Sun Jan 24, 2010 12:57 pm


You are welcome!
I'm always happy when I can help, because I have received a lot of help at my turn.
Have a nice sunday.
Marisa
ImageImage
"Arguments are to be avoided; they are always vulgar and often convincing."
~Oscar Wilde~


Board index PBase HTML and Style Sheets centering and changing font to title in root gallery?

Who is online

Users browsing this forum: No registered users and 1 guest