Carbon theme help needed

brashquido

Joined: 2006-09-13
Posts: 60
Posted: Tue, 2007-03-20 20:16

Hi All,

I'm using the Carbon theme on my G2.2 site, but I'm having some trouble with the way the block is displayed beneath the photos in the photo view. I have the view comments and add comments block set to display under the photo in the photo view, and although the photos are centered the comment blocks are not as you can see here;

http://domandnat.com/albums/South_America/Peru/PICT5922.JPG.html

How can I align the blocks displayed under the photo in the photo view in the middle, just like the photo itself (i'm not ery good with HTML or templates)? Thanks.
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Wed, 2007-03-21 02:57

I have found 2 tools that are invaluable the firefox browser and the web development tool that allows you to Make live edits to the CSS of a web page..
Once you have them both installed....
select edit css and under the 'information' dropdown check display ID & class details.
Edit your CSS and you will see the results. Once you have this the way you want, upload your edited css to the server.

Add to theme.css:

.block-comment-AddComment {
padding-left: 100px;
}

_____________________________________________
Blog & G2 || floridave - Gallery Team
 
brashquido

Joined: 2006-09-13
Posts: 60
Posted: Wed, 2007-03-21 09:00

Wow, that is pretty cool floridave. Your suggestion does exactly what I want it to, but I do still have one big issue. How do I make sure the Add and View comments blocks are centered regardless of what screen resolution is being used on the visiting computer? I have a pixel width of 1280 pixels on my laptop, so I set the padding to 280px and it looked perfect. However, when I connect using my mum and dad's older (much older) PC using a width of only 800 pixels the Add and View comments blocks are stuck way over to the right hand side. Any ideas?
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Wed, 2007-03-21 13:37

Try that 

padding-left: 50%;
padding-right: 50%;

if it don't work search google for some CSS centering.
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
brashquido

Joined: 2006-09-13
Posts: 60
Posted: Wed, 2007-03-21 13:51

Nah, no good, the whole page distorts. Thanks for your help anyway.
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Wed, 2007-03-21 22:01

Try various padding and margins with percentages as well.

.block-comment-AddComment {
text-align: center;
}
 .block-comment-ViewComments {
text-align: center;
width: 600px;
padding-left: 10%;
}

I think I know what you want to do ( center under the photo ). In order to do that at various reslutions then you would have to add some more code. I will let you sort that out on your own.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
Yastreb

Joined: 2007-03-22
Posts: 2
Posted: Thu, 2007-03-22 08:58

Thanks. It help me

http://kudapoyti.com.ua
 
brashquido

Joined: 2006-09-13
Posts: 60
Posted: Thu, 2007-03-22 11:06

Thanks floridave, what you've done there has made it a lot better at any rate :)