• Creator
    Topic
  • #8285

    janepadden
    Spectator
    Been thanked: 0 times

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

    Still having trouble with uploading on the slider! 🙁

Viewing 10 replies - 1 through 10 (of 10 total)
Replies
  • Roman
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #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
    Post count: 15
    Been thanked: 0 times
    #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
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #9200 |

    try also make the content size wider:

    Code:
    #primary {width:69%!important;}
    janepadden
    Spectator
    Post count: 15
    Been thanked: 0 times
    #9203 |

    Hi Roman

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

    janepadden
    Spectator
    Post count: 15
    Been thanked: 0 times
    #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
    Post count: 10
    Been thanked: 0 times
    #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
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #9261 |

    in that case use this code instead:

    Code:
    @media (min-width: 768px) {
    #primary {width:69%!important;}
    .aside { width:30%!important;}
    }
    Paul Korber
    Spectator
    Post count: 10
    Been thanked: 0 times
    #9262 |

    Awesome works perfectly thanks !

    scott smith
    Spectator
    Post count: 4
    Been thanked: 0 times
    #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
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #9863 |

    not sure what you meant :/

Viewing 10 replies - 1 through 10 (of 10 total)
You must be logged in to reply to this topic.