How do I make sidebar wider

  • Resolved Gary H

    (@axe6st)


    9 years, 4 months ago

    Hi Everyone.
    I am working on a site, alanmweber.com, I have two issues and 1 ultimate goal I can not seem to find the correct answers on. Maybe the theme I am using has something to do with it.
    My eventual goal is to have the sidebar look like a table of contents from a book, and the main content of the site to look like a page from that same book. So I would like to know first, how can I widen the sidebar so that the text links do not wrap to the next line. I would also like to eliminate the blank space between the sidebar and the main content area, and then add a background image that can either span across both areas, or I can slice it and have the contents part on the left sidebar and the main page part on the rest of the page. I am not new to wordpress, but do not have experience customizing themes.
    Thank you all in advance for any and all help.
    Axe6st

Viewing 4 replies - 1 through 4 (of 4 total)

  • Sounds like you need to employ a designer or coder. It’s all doable in css but if you don’t have the knowledge (like me) it is not simple.

    Thread Starter Gary H

    (@axe6st)

    Alan,
    Thanks for your input, but it’s not really the kind of helpful advice I was looking for. I just can’t find the exact lines to edit in the eyesite theme.

    Hi,

    I had same issue few days ago and had to find the solution myself, notice i only have basic knowledge don’t expect pro coder solution, but worked for me.

    Depending on how your theme is written you may not find (like me) any width attribute on theme CSS related to sidebar.

    What i did is:
    First you should create a child theme just in case.

    Second i checked on source page through inspect element which were the sidebar and page ID to find them on theme, i had to modify it on sidebar.php.

    Third, added manually the attribute width, and padding in order to reduce spacing between text and sidebar.
    Like this (it’s copy paste)

    if ( is_active_sidebar( ‘sidebar-1’ ) ) : ?>
    <div id=”sidebar” class=”col-xs-12 col-sm-4 sidebar-offcanvas” role=”complementary” style=”
    width: 305px;
    padding-left: 0px;
    float: right;

    “>

    I added from style to “>

    Fourth, check that you did not mess up your theme and if it’s responsive, it still adapts to the screen size.
    You can check my website and see the results, maybe it helps you somehow comparing source don’t know. https://ratonesgaming.com

    Hope it helps you too.

    Thread Starter Gary H

    (@axe6st)

    Thank you Aleix, You gave me enough to go on to find where I can find the size. I am almost done, testing it now.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I make sidebar wider’ is closed to new replies.