Jump to content
Sign in to follow this  
colmdoyle

how to create line between boxes

Recommended Posts

colmdoyle    1
colmdoyle

Hello, I am putting together a site using pageline, I would like to have a line running across the width of my page between my two rows of boxes

 

the page can be see here with the 6 boxes set up in two rows of 3

 

http://indulgepamperparties.com.au/

 

If possilbe would like to use a image as the divider line (image seen below boxes, which is just inserted in the page content as a image)

 

thanks

Colm

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Colmdoyle 

 

If you want to use an image as a divider you could use the Contentbox (available free from the store http://www.pagelines.com/store/sections/contentbox/) and use two sets of boxes with the Contenbox inbetween. 

 

In order to have two sets of boxes on the same page - in the Template when you are adding the section - click 'options' and clone the box section. 

 

http://d.pr/i/U6wE

let us know how you get on. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
colmdoyle    1
colmdoyle

Cheers will give this a go

Share this post


Link to post
Share on other sites
Rob    547
Rob

Keep us posted about your progress.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
colmdoyle    1
colmdoyle

Getting there, I have set up the two boxes and the contentbox, but there is a large amount of space above and below the contentbox (only holds the line image), any idea how I can reduce this?

 

you can see the current configuration here:

 

http://indulgepamperparties.com.au/

 

Thanks

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

the space below seems to be coming from a range or areas inside the content area. For example - http://screencast.com/t/EdYreQXoUd

 

You'll need to use css to remove the padding/margins from each area to bring in the gap.

 

p {
    margin: none;
}

 

If you've not used css inside the framework before check out - http://support.pagelines.me/docs/customization/custom-css/ which should help.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
colmdoyle    1
colmdoyle

no worries I have this sorted, thanks for the help

Share this post


Link to post
Share on other sites
Rob    547
Rob

You're very welcome.


Former PageLines Moderator, Food Expert and Raconteur

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  

×