Tagged: CSS
-
AuthorPosts
-
May 14, 2014 at 8:32 pm #264888
I have tried some simple CSS changes and I am not seeing the expected changes after saving and refreshing. Am I missing something?
Here are the test changes:
.main_color {
background-color: #000000 !important;
}
#scroll-top-link {
background-color: #ffffff !important;
}
html.html_boxed {
background-color: #ffffff !important;
}May 14, 2014 at 8:41 pm #264889Do you have a link to the site?
You might have to check the file permissions.
Maybe you dont have the right to write the filesMay 14, 2014 at 8:44 pm #264892Thank you for looking. The site is currently staged here: http://9a4.276.myftpupload.com/
May 14, 2014 at 9:06 pm #264906Looks fine for me. what are you expectations?
changing this:html.html_boxed { background-color: #ffffff !important; }
into
`html.html_boxed {
background-color: #000000 !important;
}
will make the background black.
And i am sure it will workMay 14, 2014 at 9:06 pm #264910Hi!
All of the Quick CSS is saved to this file in your uploads folder: http://9a4.276.myftpupload.com/wp-content/uploads/dynamic_avia/enfold.css?ver=1
So make sure that the file is writable by your WordPress installation. If you are familiar with chmod permissions it should be at least 766 though I have heard of some who needed for it to be 777. If you aren’t familiar, your hosting provider should be able to assist in changing the permissions.
Otherwise you could use a child theme and then add your css to the child themes style.css which is the recommended way to do any theme customization these days. See: http://kriesi.at/documentation/enfold/using-a-child-theme/
Regards,
DevinMay 14, 2014 at 9:13 pm #264917!!!! i dont recommend setting it to 766.!!!! unless you want the visitors of your website to be able to modify your website
644 is enough for all files while folders should have 755.Also i can see that the quick CSS is added to the website. So you dont have to do anything about the file permission
May 14, 2014 at 10:21 pm #264957The issues we are having appear when we resize the screen to respond for mobile….the header background goes from white to black.
Also, we have tried to disable the Go to Top widget because we suspect this is causing the color change. We cannot figure how to disable the widget.
Thanks for your advice.
May 14, 2014 at 10:38 pm #264962The “go to top”-button in the bottom right corner has nothing to do with that.
It could be dissabled by using:
#scroll-top-link { display: none; }
Also i dont see the header background changing and the onlything with a black background is the area that contains “agreements”, “payments”, “reminders” and the form to get future updates.
And thats because you have the following in your quick css:
.main_color { background-color: #000000 !important; }
May 18, 2014 at 11:08 pm #266489Hi David!
Let us know if the issue is fixed.
Best regards,
JosueMay 19, 2014 at 3:27 pm #266815Thanks for checking back in with me on this. Yes, the issues seems to be fixed. It baffled us for some time because we were seeing something different than this forum was seeing. We finally moved to our live server and it was indeed working. Magic, we think. ;-)
Thanks for the quick responses from everyone.
-
AuthorPosts
- The topic ‘Quick CSS Changes Are Not Applied’ is closed to new replies.