• Closed
  • janepadden
    Spectator
    25.02.2014 at 09:13 #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
    25.02.2014 at 10:26 #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
    26.02.2014 at 10:52 #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
    26.02.2014 at 19:33 #9200

    try also make the content size wider:

    Code:
    #primary {width:69%!important;}
    janepadden
    Spectator
    Posts: 15
    27.02.2014 at 07:53 #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
    27.02.2014 at 08:05 #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
    10.03.2014 at 21:46 #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
    11.03.2014 at 08:37 #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
    11.03.2014 at 22:16 #9262

    Awesome works perfectly thanks !

    scott smith
    Spectator
    Posts: 4
    27.05.2014 at 19:29 #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
    27.05.2014 at 21:46 #9863

    not sure what you meant :/