Tagged: ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • November 13, 2015 at 5:26 am #535215
    camtay

    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 #535632
    Andy

    Hi 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,
    Andy

    November 13, 2015 at 6:54 pm #535673
    camtay

    Thanks 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 #536291
    Rikard

    Hi,

    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,
    Rikard

    November 16, 2015 at 8:18 am #536353
    camtay

    Hi 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 #536587
    Yigit

    Hey!

    “Error (500)” Can you please try uploading your screenshot on imgur.com or Dropbox public folder and post the links here?

    Best regards,
    Yigit

    November 16, 2015 at 6:44 pm #536791
    camtay

    Sure, here it is:

    View post on imgur.com

    November 18, 2015 at 5:27 am #537796
    Ismael

    Hi!

    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,
    Ismael

    November 18, 2015 at 5:43 pm #538377
    camtay

    Hi 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 #539601
    Josue

    As 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,
    Josue

    November 20, 2015 at 8:07 pm #539897
    camtay

    I 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 #540006
    Josue

    Hey!

    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!
    Josue

    November 21, 2015 at 1:56 am #540024
    camtay

    Hi 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!
    Camille

    November 21, 2015 at 2:02 am #540028
    Josue

    That’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,
    Josue

    November 21, 2015 at 7:23 am #540098
    camtay

    Okay, 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, 1 month ago by camtay.
    November 21, 2015 at 7:59 am #540112
    Josue

    In 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 #540186
    camtay

    Aha, 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!
    Camille

    November 23, 2015 at 8:07 am #540546
    Rikard

    Hi,

    Not sure what it used to look like, could you post screenshots highlighting the issue please?

    Thanks,
    Rikard

    November 23, 2015 at 10:16 pm #541200
    camtay

    Sure! The share icons are set to appear on the far left hand side of blog posts, like this:

    View post on imgur.com


    Thanks!

    November 24, 2015 at 10:02 am #541408
    Josue

    Hi,

    Can you please check if the issue persists with the default WordPress theme activated?

    Regards,
    Josue

    December 2, 2015 at 7:30 pm #546063
    camtay

    It just started working again. :-) You can mark this issue as resolved.
    Thanks for all your help!

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Issue with Custom CSS for latest update’ is closed to new replies.