Custom CSS working in preview but not on main site
-
Hi there,
I’ve looked through the threads but can’t see the answer to this.
I’m using the Dara theme and wanting to reduce the big white space above the footer. I’ve added the below code, which works beautifully in preview, but once published it does not change on the site.
Any advice gratefully received!
Nikki
My website is: http://www.happysawyer.com
The code used is:
.footer-widget-area {
padding: 1.2em 2% 1em !important;
}
.home .hentry .entry-footer {
display: none;
}
.home .hentry .entry-content {
margin-bottom: 0;
}The blog I need help with is: (visible only to logged in users)
-
Are you talking about the white space outlined in red on my screenshot?
Here’s how the site looks on my computer: https://www.awesomescreenshot.com/image/3683586/1f86ab4ed6c8c106899352241000efafIf so, that’s part of the front page featured content area. You can adjust the padding for it with this code:
/* Front page content without featured image */ .featured-page-area, .front-testimonials { padding: 0; } -
Hello @happysawyer,
I can confirm that I see the code edits you provided while inspecting elements on your website. It’s possible that you’ll need to clear your browser cache in order to see the published changes. From your browser, click Ctrl+Shift+Delete on a PC, and follow prompts. On a Mac, Apple+R. That should force the new pages through.
However, I’m still seeing a healthy bit of white space above your footer widgets (light grey background). It may help to add this code to your CSS:
@media screen and (min-width: 1000px) { .featured-page-area { padding: 1.6em 55px 0; } }If you give that a try, let me know how it goes. :)
-
Hi there,
Please try the code that @charleybea provided and if you need more help with it you can contact us via live chat (it’s included in your Business plan) to help you adjust it in real time.
- The topic ‘Custom CSS working in preview but not on main site’ is closed to new replies.