[Support request] adjusting whitespace / spacing & width for posts (w/o breaking responsiveness)

Home Forums Support [Support request] adjusting whitespace / spacing & width for posts (w/o breaking responsiveness)

Home Forums Support adjusting whitespace / spacing & width for posts (w/o breaking responsiveness)

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #256468
    Nick

    Hi Tom,

    I have 2 questions if you don’t mind:

    1) Is there a way to use some more whitespace/spacing around posts without it affecting the responsiveness of the theme?

    I’d like a layout along the lines of http://www.copyblogger.com/bad-advice-2016/ for my posts/content.

    2) In addition I would also like the content span to be less wide in general (especially the content without sidebars layout).

    How would I go about doing this?

    I added the CSS below and it seems to work, but tbh I have no idea what I’m doing so I’d rather ask, lol.

    .content-area {
        max-width: 780px;
        margin: 0 auto;
    }

    Any help would be awesome!

    Thanks πŸ™‚

    #256473
    Roberto Enrique

    I suggest you to try also the media queries in your css.

    I ussually start my custom css with this:

    
    /*GENERAL STYLES*/
    
    /*add device agnostic styles here*/
    
    /*STYLES JUST FOR DESKTOP*/
    
    @media only screen and ( min-width: 950px ) {/*Desktop*/
    
    /*add your rules for desktop here*/
    
    }
    
    /*STYLES JUST FOR MOBILE*/
    
    @media screen and (max-width: 768px) {/*tablet + mobile*/
    
        /*add your rules for tablet/mobile here*/
    }
    
    #256520
    Tom
    Lead Developer
    Lead Developer

    In the next version of GP Premium, there’s a separate option for the mobile content padding which will help a lot when it comes to this.

    Using media queries for now as Roberto pointed out is the way to go.

    Your CSS for the content-area is 100% perfect, exactly how I would do it πŸ™‚

    #256950
    Nick

    Thanks for the answers guys!


    @generate
    Any idea when the next version is due? πŸ™‚

    #257100
    Tom
    Lead Developer
    Lead Developer

    Early in the new year I would say.

    Easy enough to do with CSS for now:

    @media (max-width: 768px) {
        .separate-containers .inside-article {
            padding: 20px;
        }
    }
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.