Support » Theme: Nisarg » How do I increase the sidebar width?

  • imaginelovinglife

    (@imaginelovinglife)



    How do I increase the sidebar width? I would like to put more bigger images there.
    Where in the CSS stylesheet should I change it?

    Thank you.

Viewing 10 replies - 1 through 10 (of 10 total)
  • TUT Support

    (@phpexpert21)

    Hello imaginelovinglife,

    Please share the site url so i can suggest you appropriate custom css as per the need.

    Kind regards,

    Manoj

    imaginelovinglife

    (@imaginelovinglife)

    Here you go. http://imaginelovinglife.com/
    I need the side bar to be able to handle images with 300 width.

    Thanks.

    You don’t have a sidebar on the above site

    imaginelovinglife

    (@imaginelovinglife)

    It has a sidebar. I was playing with the CSS. Sorry. When I increase the side bar to 30%, it goes to the bottom of the page so it looks like it does not have a sidebar.
    I placed it back now. Or I reset the code back to the original.

    imaginelovinglife

    (@imaginelovinglife)

    I am using images around 200 width but would like to be able to use images with 300 width and 250 height.
    Thank you!

    I haven’t played around with this. I know you can change the content using:
    .container {
    width: 70%;
    }

    The sidebars can be adjusted with this:
    .secondary {
    width: 50%;
    }

    Play around with the % to your liking

    imaginelovinglife

    (@imaginelovinglife)

    Ok I am playing around with it.

    .secondary does not change anything for me though. Changing the .container changes the article size also. Changing .sidebar to something bigger like 30% puts the sidebar at the bottom.

    I will play with it some more.

    Thanks anyway.

    imaginelovinglife

    (@imaginelovinglife)

    Ok I figured it out.

    It is

    #primary {
    width: 70%;
    }

    #secondary {
    width: 30%;
    }

    .container {
    width: 70%;
    }

    I still have to play around with the .container percentage but it looks good.

    Thanks for the tips. It helped me a lot!

    I don’t see any changes at the link you gave above.

    it should have been .widget instead of .secondary

    If what you posted above is working for you that is all that counts!

    imaginelovinglife

    (@imaginelovinglife)

    I had to revert it back. It turns out, the homepage looks good in desktop but messed up in mobile.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How do I increase the sidebar width?’ is closed to new replies.