Home Forums Art WordPress Theme Masonary Grid and Other Elements all moved to the left

This topic contains 8 replies, has 2 voices, and was last updated by  Ernossdaboss 5 months, 1 week ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #18675

    Ernossdaboss
    Participant
    Purchased

    Hey,

    Firstly, thanks for this theme, really good stuff!

    The problem I’m facing is with adding content to portfolio projects via the content builder.

    Anything I add is moved to the left and off the screen for some weird reason and the more I add the further left it goes… here are two examples:

    https://andypilsbury.com/ux-portfolio/allotment/

    https://andypilsbury.com/ux-portfolio/the-kings-king/

    Also on pages where I have removed the title, it still shows the wrap so there’s a huge gap at the top of all project pages.

    And lastly, a little tiny one is on the sliders is there a way to make the arrows smaller? I’ve tried uploading a new version of them which is 40px using FTP but still displays at the same size.

    Any help would be great.

    Thanks

    #18677

    Ernossdaboss
    Participant
    Purchased

    This is an example of the huge gap at at the top of the pages…

    https://andypilsbury.com/baba_namdev_marg

    • This reply was modified 5 months, 2 weeks ago by  Ernossdaboss.
    #18684

    SeaTheme
    Keymaster
    Purchased
    Supported

    Please paste the custom CS code to Appearance > Customize: Additional CSS>

    @media (min-width: 768px) {
     .gallery-post-des .entry {
        width: 100%;
        padding-left: 40px!important;
        padding-right: 40px!important;
     }
     .single-portfolio-fullwidth .gallery-post-des {
        padding-top: 0px;
     }
    }
    

    This is an example of the huge gap at at the top of the pages…
    https://andypilsbury.com/baba_namdev_marg

    Because there is no content in the WordPress editor or BM Content builder, so it is a blank area. Please disable this blank area by custom CSS:

    #post-861.gallery-post-des {
        display: none;
    }

    The post-861 is the ID of this post. If there are other posts without content, please update the custom CSS with the IDs of other posts like:

    #post-861.gallery-post-des,
    #post-xxx.gallery-post-des {
        display: none;
    }

    How to find post ID: https://www.uiueux.com/forums/topic/how-to-find-wordpress-postpage-id/

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #18687

    Ernossdaboss
    Participant
    Purchased

    Thanks this was somewhat helpful.

    On the first code you posted though, now I’ve sized down the grid gallery by a couple of sizes it’s now too far to the right?

    #18688

    Ernossdaboss
    Participant
    Purchased

    I suppose this means I won’t be able to have varying sizes of grid galleries across the site because they’ll all be controlled by this additional code which will make them all different positions on their respective pages. Not ideal or workable really for now though can I get a fix for it at the size it’s at now on this page:

    https://andypilsbury.com/2019/06/05/allotment/

    #18689

    Ernossdaboss
    Participant
    Purchased

    The code for fixing the gap at the top is not doing anything, unfortunately, any other ideas for fixing this please? Really urgently need to finish this site

    #18691

    Ernossdaboss
    Participant
    Purchased

    sorry the URL is now https://andypilsbury.com/allotment

    #18692

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi welcome!

    I suppose this means I won’t be able to have varying sizes of grid galleries across the site because they’ll all be controlled by this additional code which will make them all different positions on their respective pages. Not ideal or workable really for now though can I get a fix for it at the size it’s at now on this page:
    https://andypilsbury.com/2019/06/05/allotment/

    I don’t understand this question, please give more tips. Could you paste some screenshots to explain?

    To fix the gap:

    @media (min-width: 768px) {
     .single-portfolio-fullwidth .gallery-post-des,
     body.single .gallery-post-des .entry { margin-bottom: 0; }
    }
    • This reply was modified 5 months, 2 weeks ago by  SeaTheme.
    #18742

    Ernossdaboss
    Participant
    Purchased

    Hey,

    It’s OK, in regards of my initial question, the code you provided is a good enough fix for this current site.

    The other code also fixed the big gap so thanks!

    Thanks a lot for being so responsive and helping with this, really helped me out!

    Take Care!

    • This reply was modified 5 months, 1 week ago by  Ernossdaboss.
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!