Check with your hosts that they are not running a web cache. Ditto your ISP.
Thanks for your reply.
Doubt that it is my ISP since it doesn’t make a difference if I switch connections. How do I check if my host is running a web cache? I am using bluehost, which as far as I know, is pretty common for wordpress.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It does however work when I change some of the other margins, or the navigation bar, so I doubt it is a permission problem.
So, if you use:
body {
border: 10px solid red !important;
}
That style appears on your website?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you post here the CSS that isn’t working and say which elements it is supposed to be affecting?
Well, just to show a simple example:
.post-title {
padding-bottom: 2px;
font-family: 'Oswald', Arial, Verdana, sans-serif, Helvetica;
font-size: 2.2em;
color: red;
}
As you can see on the site, the title is not currently red. Although this isn’t really my problem. I am trying to make the #sidewrap and #contentwrap wider, and center it. I am able to make it wider, but not to move it. This is what I’m really having trouble with:
#wrapper {
width: 920px; /*920px*/
margin: 75px auto 0 auto;
}
#sidewrap, #headwrap {
width: 300px;
margin-right: 800px;
margin-left: 700px;
margin-bottom: 10px;
padding: 10px;
background: url(images/wrapper.png) repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
Try:
.post-title {
padding-bottom: 2px;
font-family: 'Oswald', Arial, Verdana, sans-serif, Helvetica;
font-size: 2.2em;
}
.post-title a {
color: red;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
As you can see on the site, the title is not currently red.
If the post title is hyperlinked, you’ll have to target the hyperlink within it:
.post-title a {
color: red;
}
I am able to make it wider, but not to move it.
It looks centred to me [screenshot]. Which browser and browser version are you seeing the uncentred issue in?
Have you tried using Firefox with the Firebug add-on for this kind of CSS troubleshooting? Or using whatever developer tool is available in your web browser?
Whoa, lots of replies! You guys are great.
As you can see on the site, the title is not currently red.
If the post title is hyperlinked, you’ll have to target the hyperlink within it:
.post-title a {
color: red;
}
I am able to make it wider, but not to move it.
It looks centred to me [screenshot]. Which browser and browser version are you seeing the uncentred issue in?
.post-title a {
color: red;
}
^^Did not work.
I am using Chrome Version 26.0.1410.65. The uncentered issue is present now. At the time, I had changed it back to the normal.
Thank you for your help, by the way!
Have you tried using Firefox with the Firebug add-on for this kind of CSS troubleshooting? Or using whatever developer tool is available in your web browser?
No, but I am familiar with it. The only developer tool I am using is a CSS viewer, and I’m editing straight into the stylesheet in wordpress.
After a lot of trying and failing I managed to solve my problem.
Thank you all for your help!
But I am still not able to make the title red 😉 (though, I don’t want it to be red).
