View Full Version : align text up in caption
magicpic
Feb-09-2009, 02:20 PM
http://widgetr.smugmug.com/gallery/7238863_A9Ksc
I want to move the text up that is in the caption. I know that it is something
very simple...thanks janis
Allen
Feb-09-2009, 03:27 PM
http://widgetr.smugmug.com/gallery/7238863_A9Ksc
I want to move the text up that is in the caption. I know that it is something
very simple...thanks janis
Remove everything from all the captions except the text and change this existing CSS like this.
.gallery_7238863 .caption {
font-size: 250%;
font-family:Arial Narrow, Arial;
font-weight:Normal;
font-style: Normal;
color: #8B864E;
text-align: center;
}
magicpic
Feb-09-2009, 06:01 PM
Remove everything from all the captions except the text and change this existing CSS like this.
.gallery_7238863 .caption {
font-size: 250%;
font-family:Arial Narrow, Arial;
font-weight:Normal;
font-style: Normal;
color: #8B864E;
text-align: center;
}
Allen here is my site
http://widgetr.smugmug.com/gallery/7238863_A9Ksc
I did not make myself very clear..what I want to do is to just move the photograpic print up keep that color and to have the writting below..once I know how to do then finish the gallery thanks janis
here is my web page:
http://widgetr.smugmug.com/gallery/7238863_A9Ksc
this is in my css:
.gallery_7238863 .journal_entry {
border-top: solid 1px white;
border-bottom: solid 1px white;
width: 750px;
padding-right:20px;
}
.gallery_7238863 #journal .journal_entry .right {
float: left;
margin-left:0;
}
.gallery_7238863 .caption {
font-size:12pt;
font-family:Arial Narrow, Arial;
font-weight:Normal;
font-style: Normal;
color: #FFFFFF;
margin-top:0px;
padding-right:20px;
}
________
this is in my caption
<br></br><span style="color: rgb(139,134,78);"><div id="my_area" align="center"><h1>
Photographic Prints</div></h1></span>
4x6 $5.00
5x7 $9.00
all I want to do is to move the tan text up to the photography...I feel that it is in the margin-top so do I have it written wrong...thanks janis
magicpic
Feb-09-2009, 06:44 PM
here is my web page:
http://widgetr.smugmug.com/gallery/7238863_A9Ksc
this is in my css:
.gallery_7238863 .journal_entry {
border-top: solid 1px white;
border-bottom: solid 1px white;
width: 750px;
padding-right:20px;
}
.gallery_7238863 #journal .journal_entry .right {
float: left;
margin-left:0;
}
.gallery_7238863 .caption {
font-size:12pt;
font-family:Arial Narrow, Arial;
font-weight:Normal;
font-style: Normal;
color: #FFFFFF;
margin-top:0px;
padding-right:20px;
}
________
this is in my caption
<br></br><span style="color: rgb(139,134,78);"><div id="my_area" align="center"><h1>
Photographic Prints</div></h1></span>
4x6 $5.00
5x7 $9.00
all I want to do is to move the tan text up to the photography...I feel that it is in the margin-top so do I have it written wrong...thanks janis
Allen
Feb-09-2009, 07:09 PM
Allen here is my site
http://widgetr.smugmug.com/gallery/7238863_A9Ksc
I did not make myself very clear..what I want to do is to just move the photograpic print up keep that color and to have the writting below..once I know how to do then finish the gallery thanks janis
here is my web page:
http://widgetr.smugmug.com/gallery/7238863_A9Ksc
this is in my css:
.gallery_7238863 .journal_entry {
border-top: solid 1px white;
border-bottom: solid 1px white;
width: 750px;
padding-right:20px;
}
.gallery_7238863 #journal .journal_entry .right {
float: left;
margin-left:0;
}
.gallery_7238863 .caption {
font-size:12pt;
font-family:Arial Narrow, Arial;
font-weight:Normal;
font-style: Normal;
color: #FFFFFF;
margin-top:0px;
padding-right:20px;
}
________
this is in my caption
<br></br><span style="color: rgb(139,134,78);"><div id="my_area" align="center"><h1>
Photographic Prints</div></h1></span>
4x6 $5.00
5x7 $9.00
all I want to do is to move the tan text up to the photography...I feel that it is in the margin-top so do I have it written wrong...thanks janis
The same method applies. Looks like you added the additional text after I posted.
Remove everything in that caption and replace with this.
<html>
Photographic Prints
<br>
<p>
4x6 $5.00<br>
5x7 $9.00
</p>
</html>
Change your CSS to this.
.gallery_7238863 .caption {
font-size: 250%;
font-family:Arial Narrow, Arial;
font-weight:Normal;
font-style: Normal;
color: #8B864E;
text-align: center;
}
.gallery_7238863 .caption p {
font-size: 70%;
}
magicpic
Feb-09-2009, 08:13 PM
The same method applies. Looks like you added the additional text after I posted.
Remove everything in that caption and replace with this.
<html>
Photographic Prints
<br>
<p>
4x6 $5.00<br>
5x7 $9.00
</p>
</html>
Change your CSS to this.
.gallery_7238863 .caption {
font-size: 250%;
font-family:Arial Narrow, Arial;
font-weight:Normal;
font-style: Normal;
color: #8B864E;
text-align: center;
}
.gallery_7238863 .caption p {
font-size: 70%;
}
thanks again:clap: thanks again and again your the greatest allen Janis
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.