Jump to content


Photo
- - - - -

CSS help

css help

Best Answer Rob , 13 May 2013 - 11:55 PM

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.

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 lroberts00

lroberts00

    Advanced Member

  • Members

  • 75 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 13 May 2013 - 07:07 PM

Hi,

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

 

Please Login or Register to see this Hidden Content

 

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!



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 13 May 2013 - 07:18 PM

As always, please follow the CSS instructions here:

Please Login or Register to see this Hidden Content

For help with the text-align attribute, please see these instructions:

Please Login or Register to see this Hidden Content

(use text-align: center to center the text).



#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 13 May 2013 - 11:55 PM   Best Answer

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:

Please Login or Register to see this Hidden Content

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


  • lroberts00 likes this

#4 lroberts00

lroberts00

    Advanced Member

  • Members

  • 75 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 14 May 2013 - 12:17 AM

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



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 May 2013 - 12:29 AM

You're very welcome!







Also tagged with one or more of these keywords: css, help