Change Column (sidebar) width of template

  • begin2speak

    (@begin2speak)


    3 years, 9 months ago

    Hello guys,

    I just read and watched a lot of tutorials to even come to this point but now I am really stuck and cannot figure out how to proceed.
    I chose a WP template called ‘twenty fiveteen’ which seems almost perfect for my needs, except that the left sidebar with all menu navigation is too wide. I would like to have it more narrower so that there is also more space for my main content in the middle.
    How can I easily change this? I guess it has something to do with the CSS but I am a total newb and I cannot figure out what to add or change there and how.

    Thank you for your help.

    • This topic was modified 3 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • MikeKJ

    (@mikekj)

    3 years, 9 months ago

    My six pennyworth, using Firfox Developer tools use Web Developer -> Inspector to determine the class or id of the two panes (sidebar and main) then add css (additional if in the theme under appearances or through the child themes css) to change the width of both panes to suit your needs. use the css width attribute
    #id { width: 60%; }

    Thread Starter begin2speak

    (@begin2speak)

    3 years, 9 months ago

    Hi @mikekj
    thanks for your reply. I used Google Chrome for the Web Developer Tool but I guess it’s the same. Inspecting the sidebar it shows up ‘div#sidebar.sidebar’ and on the right side I have a ton of code which is confusing me.
    I also have, like you mentioned, the option in WP to add some additional CSS code at this template. But now please, could you specify the code I have to enter there?
    Thank you! ANd sorry to ask such questions, I am sure it’s quite stupid but I have a hard time getting into new tech stuff 😀

    update: I found also out, that in the Properties I see that values:
    ClientHeight: 532 and ClientWidth: 396
    this values match up with the values which show up in the Developer tool. But when I add the code .sidebar Clientwidth: 200 … nothing changes

    • This reply was modified 3 years, 9 months ago by begin2speak.
    • This reply was modified 3 years, 9 months ago by begin2speak.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Column (sidebar) width of template’ is closed to new replies.