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)
zebra webdesigns answers:
Hello inmcr
Please add the following Css in your style sheet
body{
margin:0px !important;
}
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%;
}
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;
}
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