• Closed
  • janepadden
    Spectator
    February 25, 2014 at 9:13 am #8285

    I would like to make the side bar size a bit smaller, is that possible?

    Still having trouble with uploading on the slider! 🙁

    Roman
    Spectator
    Posts: 3147
    February 25, 2014 at 10:26 am #9191

    try insert in the Custom CSS field:

    Code:
    .aside { width:30%!important;}

    I didn’t test it, so cannot guarantee it works

    janepadden
    Spectator
    Posts: 15
    February 26, 2014 at 10:52 am #9196

    Hi Roman

    It did work but it only makes it smaller from the right side. I was hoping to make it smaller from the left hand side, so making the posts slightly bigger. The formula for that would be great pretty please 🙂

    Roman
    Spectator
    Posts: 3147
    February 26, 2014 at 7:33 pm #9200

    try also make the content size wider:

    Code:
    #primary {width:69%!important;}
    janepadden
    Spectator
    Posts: 15
    February 27, 2014 at 7:53 am #9203

    Hi Roman

    This make the side bar disappear altogether! if I put say 65% and keep trying would that work?

    janepadden
    Spectator
    Posts: 15
    February 27, 2014 at 8:05 am #9205

    Hi Roman

    I just realized I have to use the two codes together (it’s all new to me, lol). Anyway it’s all good now, thanks

    Jane

    Paul Korber
    Spectator
    Posts: 10
    March 10, 2014 at 9:46 pm #9258

    Hi Roman

    Thanks for this too this was exactly what I was trying to do as well.

    I had a question though when using these 2 codes I noticed in the mobile version when looking at my site on the iphone – there is an incredibly small sidebar now whereas before it pushed the sidebar to the bottom when selecting this 2 column layout

    Is there anyway to override the mobile version only not to change but allow the desktop/tablet version to render per the above 2 codes?

    Hope that makes sense?

    Thanks

    Paul

    Roman
    Spectator
    Posts: 3147
    March 11, 2014 at 8:37 am #9261

    in that case use this code instead:

    Code:
    @media (min-width: 768px) {
    #primary {width:69%!important;}
    .aside { width:30%!important;}
    }
    Paul Korber
    Spectator
    Posts: 10
    March 11, 2014 at 10:16 pm #9262

    Awesome works perfectly thanks !

    scott smith
    Spectator
    Posts: 4
    May 27, 2014 at 7:29 pm #9855

    all,

    what custom css would you enter if you wanted to move the right sidebar further to the right of the boxed in border?

    many thanks,

    Roman
    Spectator
    Posts: 3147
    May 27, 2014 at 9:46 pm #9863

    not sure what you meant :/