Archived

This topic is now archived and is closed to further replies.

  • 0

CSS help


Question

Posted · Report post

Hi,

I need some CSS help on a site I am doing.

 

http://www.lrdclients.com/demo/

 

Can someone please help me with how to make the boxes centered with the text or both boxes and text aligned to center or left?

 

Thank you!

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Hi,  Boxes has a Meta Setting that allows you to set the alignment of the image to left or on top (center). Left usually means that the image is inset like a thumb.

 

CSS for boxes is not hard to do with Firebug for Firefox.

 

Your images, I see, have a wide area surrounding the rounded-corner picture.  That area (the image's background) is transparent, and so it's the image keeping the picture centered presently.  To affect a CSS solution, you'd need an image without the wide, transparent background.

 

If you want to keep the images like that, you'd need something like this:

.fboxinfo {
    overflow: hidden;
    padding: 5px 0 0;
    text-align: center;
}

Of course, you'd have to adjust the padding and experiment with the look.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Thats it One Smart Egg! Thank you so so much for your help!

Share this post


Link to post
Share on other sites

Posted · Report post

You're very welcome!

Share this post


Link to post
Share on other sites