Tagged: ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #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; }

    #535632

    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

    #535673

    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.

    #536291

    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

    #536353

    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!

    #536587

    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

    #536791

    Sure, here it is:

    View post on imgur.com

    #537796

    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

    #538377

    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;
    }

    #539601

    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

    #539897

    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;
    }

    #540006

    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

    #540024

    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

    #540028

    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

    #540098

    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 8 years, 4 months ago by camtay.
    #540112

    In Quick CSS, look for:

    .template-blog .post-title {
    font-size: 25px;

    Replace it by:

    .template-blog .post-title {
    font-size: 25px;
    }
    #540186

    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

    #540546

    Hi,

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

    Thanks,
    Rikard

    #541200

    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!

    #541408

    Hi,

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

    Regards,
    Josue

    #546063

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

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