Jump to content


Photo
- - - - -

Hero Box Alignment


  • Please log in to reply
3 replies to this topic

#1 benz_admin

benz_admin

    Advanced Member

  • Members
  • 65 posts
  • Country: Country Flag

Posted 11 January 2013 - 05:36 PM

Hi to all,

how can I set two hero boxes on the same line?

 

Thanks

michel



#2 catrina

catrina

    Advocate

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

Posted 11 January 2013 - 06:43 PM

Hero boxes can't be arranged on the same line since they are full width by default. If you need two sections side by side in a column, I would recommend using Boxes instead and replicating the content you have in the Hero section.



#3 benz_admin

benz_admin

    Advanced Member

  • Members
  • 65 posts
  • Country: Country Flag

Posted 08 February 2013 - 04:09 PM

Hi Catrina and thanks for your reply.

I' like to use Hero section to do it

 

I edit css ti reduce the hero box size:

 

#page .pl-hero-wrap {
    width: 50%;
    height: 50%;
    margin-left: 5px;
}

 

How can I align two hero box side-by-side?

thank you



#4 catrina

catrina

    Advocate

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

Posted 08 February 2013 - 04:22 PM

You'll need to use the margin property to bring one of the hero boxes up to the level of the other one:

Please Login or Register to see this Hidden Content