WordPress.org

Forums

Trouble changing twentyten sidebar width (4 posts)

  1. nickobento
    Member
    Posted 2 years ago #

    I'm driving myself crazy with this. I hope someone can help. So, I'm trying to widen the right sidebar of this site to accomodate the full width of a spotify embed.

    Right now the relevent CSS looks like this:

    #container {
    	margin: 0 -240px 0 0;    
    
    }
    #content {
    	margin: 0 280px 0 0px;  /*original margin: 0 280px 0 20px; */
    }
    
    #primary,
    #secondary {
    	width: 240px;
    }

    But I need the sidebar to be at least 250px, not 240px, so that the Spotify embed isn't cut off on the right side. However, when I change the settings to this:

    #container {
    	margin: 0 -250px 0 0;    
    
    }
    #content {
    	margin: 0 290px 0 0px;  /*original margin: 0 280px 0 20px; */
    }
    
    #primary,
    #secondary {
    	width: 250px;
    }

    ...the sidebar content is pushed down to the bottom of the page, to where the main content in the center column ends. What am I doing wrong?

    Thanks ahead of time.

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    due to the not properly commented line of hyphens, the #content style does not get applied:

    -------------------------------------------------------------- */
    
    #container {
    	margin: 0 -240px 0 0;    
    
    }

    change to:

    /*-------------------------------------------------------------- */
    
    #container {
    	margin: 0 -240px 0 0;    
    
    }
  3. nickobento
    Member
    Posted 2 years ago #

    Yikes. Well this is embarrassing. Thank you.

  4. Robert Barber
    Member
    Posted 2 years ago #

    Alchymyth, can you tell me which CSS I should modify?
    Thanks
    Robert

Topic Closed

This topic has been closed to new replies.

About this Topic