CSS help

[lroberts00 3]

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!

[catrina 103]

As always, please follow the CSS instructions here: http://support.pagelines.me/docs/customization/custom-css. For help with the text-align attribute, please see these instructions: http://w3schools.com/cssref/pr_text_text-align.asp (use text-align: center to center the text).

[Rob 547]

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.

[lroberts00 3]

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

[Rob 547]

You're very welcome!