Ask your WordPress questions! Pay money and get answers fast! (more info)

white border around my website WordPress

  • SOLVED

Hi,
there is a white border around my website instead of it being just blue straight through.

I only noticed it about a week ago and wondered whether I had changed something by mistake.

Also when I use my phone to login (android), there seems to be a section of the calendar missing on the left hand side.

My site URL http://inmcr.co.uk

Any help appreciated.

Many Thanks

Jon

Answers (6)

2013-11-17

Giri answers:

For white border use

body {
margin:0 !important;
}

2013-11-17

zebra webdesigns answers:

Hello inmcr

Please add the following Css in your style sheet

body{
margin:0px !important;
}

2013-11-17

Hariprasad Vijayan answers:

Hello.

Change your body tag style like


body {
font-size: 14px;
margin: 0;
min-width: 960px;
z-index: -1;
}


inmcr comments:

That has worked for the google chrome view, but it hasn't worked for the android phone view, it still has a white border on the left and the writing cuts short when viewing on phone.

any ideas?

Many Thanks


Hariprasad Vijayan comments:

Display is correct in my android phone. Could you please try again after clearing cache


Hariprasad Vijayan comments:

My previous comment is for
<blockquote>Also when I use my phone to login (android), there seems to be a section of the calendar missing on the left hand side.</blockquote>


Hariprasad Vijayan comments:

Try this


body {
font-size: 14px;
margin: 0px;
min-width: 960px;
padding: 0px;
z-index: -1;
}


Hariprasad Vijayan comments:

Hope this fix android issue

body {
font-size: 14px;
margin: 0px;
min-width: 960px;
padding: 0px;
z-index: -1;
width:100%;
}

2013-11-17

Chuck Mac answers:

In style.css change this:

body {
font-size: 14px;
min-width: 960px;
z-index: -1;
}


To this for whitespace:

body {
font-size: 14px;
min-width: 960px;
z-index: -1;
margin: 0;
}<



And also change this:

ul.dws_side_ul {
float:left;
}


To this for calendar:

ul.dws_side_ul {
float:left;
padding: 0;
}

2013-11-17

Fahad Murtaza answers:

Line 103 of your style.css. Update code to

<blockquote>body {
font-size: 14px;
min-width: 960px;
z-index: -1;
margin: 0px;
}</blockquote>


Please note:

<blockquote>margin: 0px;</blockquote>

is the only added piece of code.

Path to the stylesheet that needs update

<blockquote>wp-content/themes/wpEventful/style.css</blockquote>

Thats all!


Fahad Murtaza comments:

Line 103 of your style.css. Update code to

body {
font-size: 14px;
min-width: 960px;
z-index: -1;
margin: 0px;
}



Please note:

margin: 0px;

is the only added piece of code.

Path to the stylesheet that needs update

/wp-content/themes/wpEventful/style.css


Fahad Murtaza comments:

Line 103 of your style.css. Update code to

body {
font-size: 14px;
min-width: 960px;
z-index: -1;
margin: 0px;
}



Please note:

margin: 0px;

is the only added piece of code.

Path to the stylesheet that needs update

/wp-content/themes/wpEventful/style.css


Fahad Murtaza comments:

Line 103 of your style.css. Update code to

body {
font-size: 14px;
min-width: 960px;
z-index: -1;
margin: 0px;
}



Please note:

margin: 0px;

is the only added piece of code.

Path to the stylesheet that needs update

/wp-content/themes/wpEventful/style.css


Fahad Murtaza comments:

yes

Might be due to media queries. Let me check.


Fahad Murtaza comments:

Line # 797 to 867 are what might be causing problem. You can reset the values to 0. Test by resetting the padding values one by one.


Fahad Murtaza comments:

I am not sure why my answer appears so many times. Looks like there is a bug in wpquestions that messes up when a certain character appears in a comment.


inmcr comments:

Stupid question time!

How do you find a particular line no.

Thanks

Jon


Fahad Murtaza comments:

Hi Jon

Which code editor are you using?


Fahad Murtaza comments:

If you are editing the files via code editor within wordpress, here is a plugin you could use to enable line numbers


[[LINK href="http://wordpress.org/plugins/advanced-code-editor/"]]http://wordpress.org/plugins/advanced-code-editor/[[/LINK]]


inmcr comments:

I'm not using a code editor, I'm manually typing into stylesheet.

Thanks


Fahad Murtaza comments:

OK if you are editing code on your computer, I suggest the following:

On windows, use Notepad++ and on the mac, you can use Brackets. Both support line numbers.

Sublime Edit is a also a great code editor for both Windows and Mac.


inmcr comments:

Hi,
I went to each line and i can see no values on these lines;

On line No. 797 it shows .dws_container {

On line No. 867 it shows /* GENERAL CONTAINERS */

I'm on the stylesheet.

Thanks


Fahad Murtaza comments:

Oh

I mean from line number 797 to line number 867. There are many different CSS properties and their values. You can adjust the padding values to be 0 and see if they resolve the issue on your android device.


inmcr comments:

This hasn't worked.

Hopefully I can do it, it looks bad on Android device.

Thanks

Jon


Fahad Murtaza comments:

Can you share a screenshot for your android device?


inmcr comments:

Attached.

You can see on the right of the screen the white bar.

Thanks

Jon