Jump to content


Photo
- - - - -

how to create line between boxes


Best Answer James B , 10 July 2013 - 09:10 PM

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.pagel...ion/custom-css/ which should help.

Go to the full post


  • Please log in to reply
7 replies to this topic

#1 colmdoyle

colmdoyle

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 04 July 2013 - 04:31 PM

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

 

Please Login or Register to see this Hidden Content

 

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



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 04 July 2013 - 06:05 PM

Hello Colmdoyle 

 

If you want to use an image as a divider you could use the Contentbox (available free from the store 

Please Login or Register to see this Hidden Content

) 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. 

 

Please Login or Register to see this Hidden Content

let us know how you get on. 



#3 colmdoyle

colmdoyle

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 09 July 2013 - 03:33 AM

Cheers will give this a go



#4 Rob

Rob

    One Smart Egg

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

Posted 09 July 2013 - 04:13 AM

Keep us posted about your progress.



#5 colmdoyle

colmdoyle

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 10 July 2013 - 06:28 AM

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:

 

Please Login or Register to see this Hidden Content

 

Thanks



#6 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 July 2013 - 09:10 PM   Best Answer

Hi there,

 

the space below seems to be coming from a range or areas inside the content area. For example -

Please Login or Register to see this Hidden Content

 

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 -

Please Login or Register to see this Hidden Content

which should help.



#7 colmdoyle

colmdoyle

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 16 July 2013 - 03:59 PM

no worries I have this sorted, thanks for the help



#8 Rob

Rob

    One Smart Egg

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

Posted 16 July 2013 - 05:03 PM

You're very welcome.