Problem with CSS
-
Hi:
I logged into my WordPress site and I noticed that my contact form and footer (copyright section) wasn’t what it was before. I checked the CSS and apparently part of some to half of my CSS is gone. I went to the CSS Revisions and saved the stylesheet (the last one). I check my site and everything is normal. But then when I click on my site again, the same problem happens; missing CSS codes. Again, I saved the last CSS revised stylesheet, everything is fine and then when I go back to my site, the same problem keeps occurring. I don’t know why it keeps doing this. Is there a way to fix this? Thank you.
Theme: Triton Lite Link: http://ebonymcfarland.wordpress.com/
The blog I need help with is: (visible only to logged in users)
-
Can you post here what CSS is missing or tell me which revision (time) has all the stuff in it. I can’t tell from looking what might have been legitimate changes you have made vs what disappeared.
-
The revision time is 20 May @ 16:21. For some reason, the copyright symbol keeps changing and the contact form is not what it should be. The copyright symbol is supposed to be 69. Also for the contact form, the color of the headings is purple and the form is margin-left:160px; (I would have done align:center before but it didn’t work). Then I clicked out of the customize section and the same problem occurs. If the problem keeps happening, should I change themes?
-
-
On the copyright, copy the following and replace what you have in the copyright content:
"Copyright © 2014 Ebony McFarland"Is this what you were using (without the space between the & and #)?
& #169; -
On the contact form, can you explain exactly what you are wanting it to look like? You can center align the labels, but then they actually go to the right of the name, email and subject fields.
-
The codes for the contact form is the following:
form.contact-form {
margin-left: 160px;
}form.contact-form label {
color: #6c205e;
font-family: Century Gothic;
font-size: 15px;
} -
Just for the record, I copy and paste all of my CSS codes in the Customize CSS section. I clicked Save and I checked to see how things looked. Everything looked how they are supposed to but then when I clicked Close in the Customize CSS section everything went wrong again. If you look in the Customize CSS section, for some reason, not all of my codes show up. If things were working properly, the first code listed is the following:
.home .container, .home #posts, .home .post-wrap {
width: 1040px !important;
}and the last code listed is the following:
.page-id-592 #posts {
padding-bottom: 50px;
}When I go back into the Customize CSS section, for some reason, the code cuts off at the following:
.site-footer:before {
content: “Copyright (this is how it looks)Do you know why it’s doing this?
-
Just F.Y.I.
I figured out the problem. It was the copyright symbol. When I first posted this problem, I noticed that my copyright code somehow changed into: content: “Copyright �a9 2014 Ebony McFarland”; It was supposed to be the way that I had it before which was the following: content: “Copyright a9 2014 Ebony McFarland”; The difference is the square and the slash.
Maybe that would explain why the CSS code would stop at the following point:
.site-footer:before {
content: “CopyrightThis morning, I decided to take out the copyright symbol code and when I did that, all the codes that were missing, (the ones that were listed after the copyright CSS code) came back. So that one little problem, threw some of my work out of wack.
I did copy the copyright code that you gave me earlier: “Copyright © 2014 Ebony McFarland”; and everything is now looking the way it should be.
Thank you for your help.
-
Glad you found the culprit! Feel free to start a new thread if you need help with anything else.
-
You might also be interested in the “Using Special Characters” section on this page: http://css-tricks.com/css-content/
-
- The topic ‘Problem with CSS’ is closed to new replies.
WordPress.com Forums 