Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1173984
    restography
    Participant

    Hi,

    I have added a sidebar to my blog and on my large screen which is 29″ it is fine but on a standard size screen it is cutting off my blog content- Please see pic

    How do I fix this?

    Thanks

    #1173987
    restography
    Participant
    #1174374
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    @media only screen and (min-width: 1200px) {
    .blog .masthead, .blog .x-main.full {
      padding-left: 250px;
    }
    }

    Hope this helps.

    Cheers!

    #1174441
    restography
    Participant

    Hi thanks but it is still cutting off a quote and the footer on the main blog page and then it is cutting off the comment box and footer on the actual blog post page , please see attached images

    Thanks

    #1174609
    Christopher
    Moderator

    Hi there,

    Please find this code and remove extra curly bracket :

    .entry-thumb:before { content: '' !important; }
    }

    And update previous code to :

    @media only screen and (min-width: 1200px){
    .blog .masthead, .blog .x-main.full, .blog .x-colophon {
        padding-left: 250px;
    }
    }

    Hope it helps.

    #1174627
    restography
    Participant

    Hi, which file will that code be in?

    Thanks

    #1174756
    Thai
    Moderator

    Hi There,

    That custom CSS under Customizer > Custom > Global CSS.

    Regards!

    #1174759
    restography
    Participant

    Hi
    I know where to put the second code but the top one where it says to remove the curly bracket?

    Thanks

    #1174762
    restography
    Participant

    Hi,

    I found where to change the code, and it has fixed the blog page but the actual post pages are still being cut off, please see attached image.

    Thanks

    #1175004
    Christian
    Moderator

    In Appearance > Customize > Layout and Design, check if you have set the Sidebar width (see attachment). If that doesn’t have a value that is most likely the cause of the content issue. Set it to 250 or your desired value. If that solves the issue, remove the code given in the previous replies.

    Thanks.

    #1175538
    restography
    Participant

    Hi,

    Thank you so much that worked, I have another question I have added 2 links in the top header and the social icons are there as well but is there any chance that I can swap them over so have the submit listing link then login then the social icons?
    Please see attached image.

    Thanks

    #1175601
    restography
    Participant

    Ok so with the blog and changing the sidebar width I’m having issues, it works perfectly on the actual post page but on the blog page it is all out of line and the sidebar is getting cut off and the page content is all the way on the right, please find attached images.

    Thanks

    #1176068
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To switch the social icons and links, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    (function($){
      $('.p-info').insertAfter('.x-social-global');
    })(jQuery);

    I am not seeing the out of line issue. Could you please give us the url? Because this is how I see your blog page, http://prntscr.com/ci6axj

    Hope this helps.

    #1176137
    restography
    Participant

    Hi,

    That code didn’t work for me, I have included a screen shot of how I have put the links into the top header just incase there is a different code for this method of putting links in the top.

    With the blog the main blog page is fine it is the actual post pages so if you click on one of the posts and go into it that page is the one that isn’t right.

    The URL is http://www.edwardandgertieweddings.com.au

    Thanks

    #1176268
    Lely
    Moderator

    Hi There,

    Please move the following code in here:Appearance > Customize > Custom > Javascript

    (function($){
      $('.p-info').insertAfter('.x-social-global');
    })(jQuery);

    That is a javascript and not a CSS. That’s a mistake on our part.

    Unfortunately, I am not sure about the issue regarding single post page. It is showing fine when I check:http://screencast-o-matic.com/watch/cDQojsjIst

  • <script> jQuery(function($){ $("#no-reply-1173984 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>