Big Brother theme. Can't use CSS and make screen fit on iPhone
-
Sorry, I’ve fixed my previous problem but one other thing…
Have a look at this picture because the text in the footer is not centred.
[IMG]http://i60.tinypic.com/2uhwvpz.jpg[/IMG]
Strangely, it’s not centred in Chrome or Firefox but IS centred in Safari.
How do I fix this? -
-
I hope it will solve the problem, try to use this code;
.site-info{ margin: 0 auto; float: none; } -
Thank you. I think it worked. I added your code like this.
.site-info:before {
content: “Office clearance ● Office moves ● House clearance ● Man and van service ● Packing ● Storage ● Deliveries ● Waste removal”;
display: block;
margin: 0 auto;
float: none;
margin-bottom: 10px;
color: #00ac5c;
font-weight: 700;
font-size: 15px;
} -
Something else has happened, look…
<img src=”http://i61.tinypic.com/33ylthw.jpg” border=”0″ alt=”Image and video hosting by TinyPic”>
The phone numbers at the top are grey and not white. I can’t fix that but it’s white in Chrome. What happened?
-
-
-
Amazing. Thank you. How do you know how to do this? I’ve never seen the ^=tel command before.
I still have the problem with the bottom green text in the footer being to the left instead of centred. The strange thing is, it only happens sometimes in Chrome on my desktop and at work, but on my iPad it is centred. I can’t pin it down.
-
Hi
Sorry for persisting but I’m so stuck. This is how the pages look at the bottom when I view the site in Chrome. Notice the green text in the footer is not centred. But, when I view the site in Safari, it IS centred. I just don’t know what’s causing it. This is my CSS code…
body {
font-family: arial;
font-size: 17px;
width: 100%;
}#masthead {
background-color: #524fa2;
}#page {
background-color: #00ac5c;
}img.alignnone:nth-child(1) {
border-width: 8px;
border-style: solid;
border-color: #00ac5c;
border-radius: 20px;
}img.alignnone:nth-child(2) {
border-width: 8px;
border-style: solid;
border-color: #00ac5c;
border-radius: 20px;
}img.alignnone:nth-child(3) {
border-width: 8px;
border-style: solid;
border-color: #00ac5c;
border-radius: 20px;
}.entry-header {
display: none;
}.breadcrumbs-root {
display: none;
}.breadcrumbs-current {
display: none;
}.hentry {
max-width: 1060px;
}.site-header {
height: 250px;
}@media screen and (max-width: 640px) {
.site-header {
height: auto;
}
}.menu-jp-removals-container {
background-color: #524fa2;
margin-top: -5px;
}.content-area {
width: auto;
margin-top: 1px;
}.custom-background .site-footer {
background-color: #524fa2;
border: none;
margin-bottom: -6px;
}.site-info {
font-size: 7px;
line-height: 1.5;
max-width: 100%;
float: center;
text-align: center;
}.site-logo {
margin-top: -33px;
}.site-title {
margin-top: 4px;
font-family: arial;
text-transform: capitalize;
}.site-description {
font-family: arial;
font-size: 17px;
font-style: normal;
text-decoration: none;
}h2 {
color: #FFFFFF;
}.alignright {
border-width: 8px;
border-style: solid;
border-color: #00ac5c;
border-radius: 20px;
}.site-info:before {
content: “Office clearance ● Office moves ● House clearance ● Man and van service ● Packing ● Storage ● Deliveries ● Waste removal”;
display: block;
margin: 0 auto;
float: none;
margin-bottom: 10px;
color: #00ac5c;
font-weight: 700;
font-size: 15px;
}hr {
color: #524fa2;
width: auto;
height: 2px;
background-color: #524fa2;
border: 0 none;
}a[href^=tel] {
color: inherit;
text-decoration: none;
} -
Hi there, sorry for late reply, been busy lately.
Please don’t apply the code on .site-info:before, but .site-info.
For the easy way, please copy this code then put on the last line;.site-info{ margin: 0 auto; float: none; }I hope it will work.
-
- The topic ‘Big Brother theme. Can't use CSS and make screen fit on iPhone’ is closed to new replies.
WordPress.com Forums 
