Full width Rows - No Margin


Author Message
Malas

Posted: 5/12/2014
Quote message 

Hi,
I'm trying to get my rows to extend completely to each side of the sheet (like the header does). But no matter what I do, there remains a space to the left and right side of each row. Example:
http://masonsfuneralservices.com/Rows/row_orange.jpg


I've added [style="width: 960px;"] but this just causes the row to drift outside the sheet to the right. I'm unable to center it. Example here (look at the row with the green fill):
http://www.masonsfuneralservices.com/Rows/index.html

Any ideas?
 
Kyle

Posted: 5/21/2014
Quote message 

Good Morning! I'll preface by saying that I am not a Code Guy at all, so apologies on my lack of technical skills. I am trying to rebuild a website for a company I bought using Artisteer and Joomla.

I have the exact same problem as Malas, I want my top row of modules to stretch the ENTIRE sheet width and not leave ANY space at all between the left and right side of the module blocks and the sheet edge.

I was getting the same 5 pixel margin that Malas was, then I inserted the mentioned code snip from the post above this one:

.art-post
{
padding:0px;
}

That certainly helped a little bit.... but there is still space between the blocks and the edge of the sheet. Not a big one, maybe a pixel or 2 but t is still there - please take a look at this URL and look at the borders of the two module positions:

http://www.mycostaricarealty.net/

I intentionally left the far right and left borders of the cells set at 0 pix because I want the blocks to literally stretch to touch the sheet edges, but there is still that small space.

Please take a look at this image - it's a mock up of what I want the index page to look like when complete.

http://www.mycostaricarealty.net/images/index.jpg

Please notice that the property search module and the image slider module stretch all the way to the edges with NO spacing at all. Is this possible to do in Artisteer?

Any input on this is appreciated, thanks in advance. Cheers.


 
jrgweb

Posted: 5/21/2014
Quote message 

@Kyle -
Under .art-post I see a margin of 3px.

.art-post
{
padding:0px;
margin:0px;
}
 
jrgweb

Posted: 5/21/2014
Quote message 

@Robert Lowly

Yes. I have a one page template setup like this that has different color rows which span across monitor and text sits around 1000px. I've also created a
Template that has a row a ways down that spans the
entire screen and is not fluid. Spans the size of background and sheet is smaller.
I'm out of town but when I get back I'll see what I can do about the artx. Possibly next Monday.

 
Kyle

Posted: 5/21/2014
Quote message 

jrgweb or anyone else - Can you take another look at my index page... after fixing the before mentioned question, I set up a slideshow using Widgetkit. The sheet is 960 pixels wide and I set the block that contains the Slideshow to 75% width which is 720pix. I created 4 slides sized 720x300pix and it displays but it is off center and has a horizontal scrollbar at the bottom of the block. I've tried everything I can think of - any ideas on how to make the slideshow a snug fit in the box?

http://www.mycostaricarealty.net/

Thanks!
Kyle


 
Elvira
Artisteer Team

Posted: 5/22/2014
Quote message 

Hi Kyle,

The slideshow is not centered because your row consists of 2 cells. And the empty place from the left (25%) is an area that the first cell takes. Please see my screenshot explaining that:
http://s7.postimg.org/btagkzojv/empty_cell.png

Let me know if I got you wrong:-)

Thanks,
Elvira
 
Robert Lowly

Posted: 5/25/2014
Quote message 

Hi Jrgweb, I would really like to get to see those two approaches for the full width site building inside artisteer. Please put a link or something when you have a sec.

Thanks so much man.
 
Robert Lowly

Posted: 5/28/2014
Quote message 

Hi Jrgweb, any chance for those template setups perhaps?
thanks so much :)
 
jrgweb

Posted: 5/30/2014
Quote message 

@Robert Lowly - Sorry for the delay but I've been over loaded lately.

Here is a very very very basic fluid design in artisteer. This doesn't have all the bells and whistles but gives you a good example as what can be done.

HTML version
http://demo.artisteertoday.com/onepagedesign/index.html

Artx
http://demo.artisteertoday.com/onepagedesign/onepage_design.artx

In the artx file, which is artisteer 4.2, look at the HTML on the Home menu item and check the css in export/options/css options.

Joomla example
http://joomla2514.jrgweb.com/

Wordpress example
http://wordpress.artisteertoday.com/

 
jrgweb

Posted: 5/30/2014
Quote message 

oops, just noticed a small boo boo. :(

 
PurpleEdge

Posted: 6/1/2014
Quote message 

Thanks jrgweb, very creative use of Artisteer!
 
Victoria

Posted: 10/22/2014
Quote message 

I have a very similar issue, but with Blocks.

I am using Artisteer 4.2 on a PC, with a WordPress theme.

My client would like an image to go all the way to the left of the block, with no margins.

I have set the Block Content padding to 0, and the Background padding is greyed out (but has a 0 in the field).

Then, within Block Content, I have the image margin set to "No Margin". The image is also aligned to the left.

I still have a small gap space on the left side of my block. It may be that I have to add code to the CSS like in the example above for .art-post?

Here is a screenshot of what I am referring to. The client wants the tail of the Quail to be all the way to the left of the block, almost looking like the tip of the tail is cut off:

 
jrgweb

Posted: 10/22/2014
Quote message 

@Victoria - Url if possible but in the meantime look at:

.art-blockcontent p {margin: ??;}

and also,

.art-blockcontent {padding: ??; } Make adjustments as needed.

You can adjust in the css file.
 
Ana Maria

Posted: 8/5/2016
Quote message 

Hi,

How can I accomplish to add a full width image on a page, just under the Header, but without any margins or padding.
The same way the Slider appears, but I want to add just an image under the header, a different image for each Page.

Help, because I cant´t make the image appear without margins and padding.
Thanks! -Ana Maria