• 0
Sign in to follow this  
Followers 0

Boxes alignment with image

Question

8 answers to this question

  • 0

Posted · Report post

Hi, Are you referring to the Boxes section or an author box like the link above ? If you could provide a link to your website, we will be able to take a closer look.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yes I am referring to the boxes section. I have just started the website design and trying to arrange the frames. The site is http://hopeofgloryinternational.com/ 1. If you look at the Welcome home section, i want the texts that are below the image to be under the image. 2. I am trying to set the boxes to have some sort of frame around it similar to the image but when I tried using this custom CSS code, it appeared OK in firefox but does not appear in IE or Safari: body{ .fbox { background:#EBEBEB; border-radius:8px; padding-top:4px; padding-bottom:4px; box-shadow: 5px 5px 5px #ccc; min-height:180px; } } Thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Your .fbox code is placed inside the curly brackets for body. Please place it outside of body as shown here: [code]body{} .fbox { background:#EBEBEB; border-radius:8px; padding-top:4px; padding-bottom:4px; box-shadow: 5px 5px 5px #ccc; min-height:180px; }[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yea thanks I saw Dannys comment and it worked. How about the text wrapping around the image, so some will be by the side and rest under. Thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Also how can I get each of the sidebars to have some sort of background from the whole page like #EBEBEB Thanks :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The text wrapping can be created by adding the attribute "align=left" inside the tag. Did you add an image inside the box text area? You can change the sidebars background color by using custom CSS and Firebug. For further reference, please see here: http://www.pagelines.com/wiki/Custom_CSS

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi catrina I found a workaround. Rather than using the box image upload, i added the image directly in the text area, edited the image and selected the alignment. The only thing I lose with this is the ability to set the frame around the image. Let me know if I can still achieve this using the CSS Class field of the advance settings page of the image. I am taking a look at the link you sent me. Thanks, you're among the best ;)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

By frame, do you mean a border? If so, it could be added to the image using the border CSS attribute: http://www.w3schools.com/css/css_border.asp

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0