Sonsa – adjusting content box width

  • Author
    Posts
  • #96269

    oczz
    Member

    Hello there.

    Simple thing, I’d like to make the conent (that on the right hand side) box wider, so it will be more reader-friendly.

    Some print-screen showing the thing:

    http://prntscr.com/bc6aeu

    I tried to use some developer tools inside Google Chrome to determine the name of the element in css for it but with no luck so far.

    Could anyone point me in right direction, give the name of element and what command to use? Will the simplest “width” work or do I need to play with margins or something else? Thanks a lot.

    address to my site is http://www.ppomorsky.com
    B.R. Piotr Pomorski

    The blog I need help with is ppomorsky.com.

    #96468

    samikeijonen
    Theme Author

    Hi there.

    Try something like this:

    @media screen and (min-width: 960px) {
    
       .site-header {
          -webkit-flex: 1 1 40%;
           -ms-flex: 1 1 40%;
           flex: 1 1 40%;
       }
    
       .site-content {
           -webkit-flex: 1 1 60%;
           -ms-flex: 1 1 60%;
           flex: 1 1 60%;
       }
    
    }

    You can adjust the procent numbers so that they sum up to 100%.

    #96472

    oczz
    Member

    Hello there.

    It seemed to work in one way, but it created some free space on the right hand side to the content area, see printscreen below:

    http://prntscr.com/bcxd2r

    Any way to fix it so the content area would spread from the far right to the section line smoothly without that free space?

    Thanks in advance, B.R. Piotr

    #96474

    samikeijonen
    Theme Author

    There is space on the right side anyways if the screen resolution is big enough.

    #96477

    oczz
    Member

    Ok then but is there a way to control it so it looks more aesthetic?

    Thanks for help so far! Cheers, Piotr

    #96480

    samikeijonen
    Theme Author

    Ok then but is there a way to control it so it looks more aesthetic?

    Left side looks kind of empty if you only show title and desc in there. But if you ask me 50% – 50% split still looks more aesthetic in my eyes :)

The topic ‘Sonsa – adjusting content box width’ is closed to new replies.