Jump to content
Sign in to follow this  
hopeofglory

Boxes alignment with image

Recommended Posts

Danny    1,327
Danny
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.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hopeofglory    0
hopeofglory
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
catrina    103
catrina
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]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
hopeofglory    0
hopeofglory
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
hopeofglory    0
hopeofglory
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
catrina    103
catrina
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

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
hopeofglory    0
hopeofglory
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
catrina    103
catrina
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

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

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  

×