Post by pwood » Wed Aug 06, 2014 4:05 pm

So, I created a custom page that looked like this :

Code: Select all

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>

<img src="http://web.com/image/data/home/image1.jpg" width="100%" margin="0" padding="0"/>
 
   <?php echo $content_bottom; ?></div>
<?php echo $footer; ?>
But I noticed that there is a small white space on both left and right side (see attachment)

I want those removed. How to?

Thank You

Attachments

4.png

4.png (84.13 KiB) Viewed 907 times


Active Member

Posts

Joined
Tue May 07, 2013 7:58 pm

Post by arnisraido » Wed Aug 06, 2014 7:27 pm

Most probably, You have margin or padding defined in for

Code: Select all

<div id="content">
Search Your stylesheet.css (or corresponding css file for Your Theme) for

Code: Select all

#content
or use Chrome "Inspect element", to identify object which causes whitespace.

Newbie

Posts

Joined
Mon Aug 27, 2012 11:24 pm

Post by pwood » Wed Aug 06, 2014 7:47 pm

Yes, I've checked on that before.

On css, the content class are like these :

Code: Select all

#content {
	min-height: 400px;
	margin-bottom: 25px;
}
#column-left + #column-right + #content, #column-left + #content {
	margin-left: 195px;
}
#column-right + #content {
	margin-right: 195px;
}
I tried to remove the margin-bottom, margin-left, margin-right but nothing happened.

Active Member

Posts

Joined
Tue May 07, 2013 7:58 pm

Post by pwood » Wed Aug 06, 2014 10:39 pm

Nevermind.
Turns out I opened the wrong theme's css file.
Also, I managed to get it worked by adding margin:0 & padding:0 the #content like this :

Code: Select all

#content {
	min-height: 300px;
	margin:0;
        padding:0;
}

Active Member

Posts

Joined
Tue May 07, 2013 7:58 pm
Who is online

Users browsing this forum: No registered users and 31 guests