single row full page Width


Author Message
Raymee

Posted: 12/27/2012
Quote message 

Just wondering if anyone has an idea how to achieve this.

lets say I want the menu and header to be full page - which is easy enough, does anyone know how to make the first row of the website full page width width.

The remainder of the website would be fixed as say 1000px.

Cheers


 
jrgweb

Posted: 12/27/2012
Quote message 

Hello Raymee,

Add something like this above the sheet after making your header and menu fluid.

<div class="art-content-layout">
<div class="art-content-layout-row">
<div id="row1" style="width: 100%" >

<p>Enter Page content here...</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien ante eget mauris.&nbsp;Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere id.</p>
<p><a href="#">Read more</a></p>
</div>
</div>
</div>

The id="row1" is your custom formatting for Row 1
 
Raymee

Posted: 12/28/2012
Quote message 

Thanks jrgweb.

I will try this later today.

Regards

Raymond

 
jrgweb

Posted: 12/28/2012
Quote message 

@Raymee

Here is a screen shot.
I made a few modifications for styling.



 
Raymee

Posted: 12/28/2012
Quote message 

Thanks jrgweb - your suggestion worked perfectly - I was able to recreate - exactly as your screen shot. less the styling off course.

Much appreciated.
 
Marco

Posted: 12/28/2012
Quote message 

Is this possile WITHIN Artisteer? Or only after exporting?
 
Raymee

Posted: 12/28/2012
Quote message 

jrgweb will know for sure but I exported then added the code shown above.
 
harry

Posted: 2/10/2013
Quote message 

Hello,

I am struggling with the same situation. Can you please explain where exactly to place this piece of code ? which file ?

Thanks
Harry
 
Wim Van Dingenen

Posted: 1/24/2016
Quote message 

Hi jrgweb,

I'm also struggeling with this. Do we have to place this code in the article?

<div class="art-content-layout">
<div class="art-content-layout-row">
<div id="row1" style="width: 100%" >

If I use this code, only the background of the row within the sheet is colored.

I would like to create a row (or section) with a full width (screen) background color in the article. The sheet width is only 900px.

Please help.

Kind regards,
Wim


 
James G.

Posted: 1/24/2016
Quote message 

@Wim Van Dingenen,

Are you using this for a CMS or static site?