• Resolved profond

    (@profond)


    Hi,
    I would really need some help changing the width of sidebars. I’ve looked in the stylesheet and tried changing the % but it didn’t work.

    /* Main Sidebar */
    .sidebar-frame {
    width: 26%;
    margin: 10px 0;
    background: transparent;
    z-index: 2;
    /*float: right; */

Viewing 10 replies - 1 through 10 (of 10 total)
  • what is your URL of the website, so we can have a look?

    Thread Starter profond

    (@profond)

    hi

    Please take a backup before doing any changes .
    If you want to change the please change the width on this class,line number 806
    .col2-l .sidebar-frame
    {
    float: right;
    width: 24%;
    }

    you were almost there,

    when you make the sidebar wider (code below),

    .col2-l .sidebar-frame
    {
    	width: 37%;
    	float: right;
    }

    you should make the left side smaller:

    .col2-l #content-box, .col2-l .standard-posts-wrapper
    {
    	float: left;
    	width: 56%;
    }

    just play with the widths till you like it.

    Thread Starter profond

    (@profond)

    Thank you so much for your respons. But it doesn’t seem to work for me. Do I have to change in more places than col2-l?
    Sorry if I’m a bit slow ??

    if you find .col2-l .sidebar-frame , you should change the width, and also find the line: .col2-l #content-box, .col2-l .standard-posts-wrapper and change here the width. That should do the trick.

    Thread Starter profond

    (@profond)

    It’s strange, I have these values:

    .col2-l .sidebar-frame {
    width: 60%;
    float: right;

    .col2-l #content-box,
    .col2-l .standard-posts-wrapper {
    float: left;
    width: 40%;

    But you can look at the page, https://www.wordpress.tattoomagazine.se/ it doesn’t work… Haha I don’t know what I’m doing wrong here

    try a refresh, as it works at my place ??

    https://prntscr.com/3cmds4

    if you now want to make the sidebar content bigger, please play with:

    .col2-l .sidebar-frame .sidebar
    {
    	margin-left: 60%;
    }
    Thread Starter profond

    (@profond)

    Hurray, I checked in another browser and it worked. THANK you so very much for your help!

    You are welcome, please mark this topic as resolved ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Sidebar width’ is closed to new replies.