Tagged: custom.css, update
-
AuthorPosts
-
November 13, 2015 at 5:26 am #535215
I just updated Enfold and it seems that some of the aesthetic CSS I added to the Custom CSS section are no longer functioning…
Please help!
Here’s what I have:
#main main{
padding-top: 20px !important;
}.widget{
padding: 25px 0px !important;
}#main .sidebar{
padding-top: 30px !important;
}#main .sidebar{
margin-left: 0px !important;
margin-right: 0px !important;
}#footer { padding: 0; }
#footer .widget {
margin: 0;
}#footer .widget_pages li a {padding: 0;}
#top .container_split .container { padding-bottom: 0; }
.footertitle {
font-weight: 900px;
text-transform:uppercase;
padding-left: 20px;
font-size: 14px !important
}.footertext {
line-height: 120%;
padding-left: 35px;
color: #1c1c1c !important;
font-size: 14px !important
}.footertitle2 {
font-weight: 900px;
text-transform:uppercase;
padding-left: 10px;
font-size: 14px !important
}.footertext2{
line-height: 120%;
padding-left: 15px;
color: #1c1c1c !important;
font-size: 14px !important
}#top .widget_nav_menu ul ul li:before { display: none; }
November 13, 2015 at 6:19 pm #535632Hi camtay!
you mean changes are not working at all on your website? sounds like a caching issue. Clear browser cache and hard refresh a few times.
Regards,
AndyNovember 13, 2015 at 6:54 pm #535673Thanks for your reply. I have cleared my cache, both through GoDaddy and in both of my browsers. It’s an issue with the spacing (margins, padding…?) on my site. There’s too much spacing between the content and the edge of the page… both on regular pages and on the blog.
The code I had before solved that but no longer since I updated. Any other ideas?
Thanks.
November 16, 2015 at 6:07 am #536291Hi,
I’m not sure what you are trying to do there, could you post a screenshot highlighting the areas you would like to change please?
Best regards,
RikardNovember 16, 2015 at 8:18 am #536353Hi Rikard,
Here is what I’m trying to do…maybe an image will explain it better…
https://www.dropbox.com/s/zsvzptlwll1s5uf/Blog%20post%20image%20issue.png?dl=0
Thanks!November 16, 2015 at 4:23 pm #536587Hey!
“Error (500)” Can you please try uploading your screenshot on imgur.com or Dropbox public folder and post the links here?
Best regards,
YigitNovember 16, 2015 at 6:44 pm #536791Sure, here it is:
November 18, 2015 at 5:27 am #537796Hi!
Please use this in the Quick CSS field:
.content .entry-content-wrapper { padding-right: 20px; } .inner_sidebar { margin-left: 20px; } .container { padding: 0px 10px; }
Best regards,
IsmaelNovember 18, 2015 at 5:43 pm #538377Hi Ismael,
I inserted the code and it just made the space bigger… I also tried this, but it didn’t make it smaller either:.content .entry-content-wrapper {
padding-right: 0px; !important;
}.inner_sidebar {
margin-left: 0px; !important;
}.container {
padding: 0px 10px; !important;
}November 20, 2015 at 2:20 pm #539601As the content is centered, in order to “decrease” the outer space you need to increase the maximum container width in General Layout > Dimensions > Maximum Container width.
Regards,
JosueNovember 20, 2015 at 8:07 pm #539897I already had the max width set at 1310px and I just tried now with using 100% and it’s the same issue. How come it worked fine before the update with this code:?
#main main{
padding-top: 20px !important;
}.widget{
padding: 25px 0px !important;
}#main .sidebar{
padding-top: 30px !important;
}#main .sidebar{
margin-left: 0px !important;
margin-right: 0px !important;
}November 21, 2015 at 12:11 am #540006Hey!
Remove this code from your Quick CSS:
add_filter('avf_blog_style','avia_change_archive_blog_layout', 10, 2); function avia_change_archive_single_small($layout, $context){ if($context == 'archive') $layout = 'blog-grid'; return $layout;
Cheers!
JosueNovember 21, 2015 at 1:56 am #540024Hi Josue,
I’m happy to do that, but could you explain why? I’m worried that this won’t solve the issue because the spacing problem is not just on blog posts, it’s on pages too, like the Home page.
Thanks!
CamilleNovember 21, 2015 at 2:02 am #540028That’s a PHP snippet that should not be in Quick CSS. If the browser reads a invalid block of code as CSS it will stop and the rest of the code won’t be applied (part of this code is the one that handles the container width).
Regards,
JosueNovember 21, 2015 at 7:23 am #540098Okay, thanks for clarifying. I removed it and flushed my cache. Still having the issue.
I also tried again, using the code you gave me and trying first with
20px
and then with
0px; !important
Still not working.- This reply was modified 9 years ago by camtay.
November 21, 2015 at 7:59 am #540112In Quick CSS, look for:
.template-blog .post-title { font-size: 25px;
Replace it by:
.template-blog .post-title { font-size: 25px; }
November 21, 2015 at 5:53 pm #540186Aha, that did it! Thank you so much Josue!
However, now I lost the AppSumo share buttons that float up on the left side of my blog posts… any ideas why that may be?
Thanks again, appreciate all you guys’ help!
CamilleNovember 23, 2015 at 8:07 am #540546Hi,
Not sure what it used to look like, could you post screenshots highlighting the issue please?
Thanks,
RikardNovember 23, 2015 at 10:16 pm #541200Sure! The share icons are set to appear on the far left hand side of blog posts, like this:
Thanks!November 24, 2015 at 10:02 am #541408Hi,
Can you please check if the issue persists with the default WordPress theme activated?
Regards,
JosueDecember 2, 2015 at 7:30 pm #546063It just started working again. :-) You can mark this issue as resolved.
Thanks for all your help! -
AuthorPosts
- The topic ‘Issue with Custom CSS for latest update’ is closed to new replies.