Adjust sidebar width

Community Forums Forums Design Tips and Tricks Adjust sidebar width

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  cehwitham 1 year, 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #19524

    di
    Participant
    Post count: 12

    I’m creating my own child theme of the Genesis framework. I’d like to decrease the width of the sidebar and increase the width of the content. Am I correct that I would adjust the proportions in the following code? And if so, which ones?

    .content-sidebar-sidebar .sidebar,
    .sidebar-content-sidebar .sidebar,
    .sidebar-sidebar-content .sidebar {
    width: 37.931034482%; /* 352px / 928px */
    }

    .content-sidebar-sidebar #content,
    .sidebar-content-sidebar #content,
    .sidebar-sidebar-content #content {
    width: 56.896551724%; /* 528px / 928px */
    }

    .content-sidebar #content,
    .sidebar-content #content,
    #title-area {
    width: 65.277777777%; /* 752px / 1152px */
    }

    .content-sidebar-sidebar #content-sidebar-wrap,
    .sidebar-content-sidebar #content-sidebar-wrap,
    .sidebar-sidebar-content #content-sidebar-wrap {
    width: 80.555555555%; /* 928px / 1152px */
    }

    .content-sidebar #content-sidebar-wrap,
    .full-width-content #content,
    .full-width-content #content-sidebar-wrap,
    .sidebar-content #content-sidebar-wrap {
    width: 100%; /* 1152px / 1152px */
    }

    #21325

    cehwitham
    Participant
    Post count: 396

    Hi Di,

    This looks correct, it’s the top three you’ll need to amend:

    .content-sidebar-sidebar .sidebar,
    .sidebar-content-sidebar .sidebar,
    .sidebar-sidebar-content .sidebar {
    width: 37.931034482%; /* 352px / 928px */
    }
    .content-sidebar-sidebar #content,
    .sidebar-content-sidebar #content,
    .sidebar-sidebar-content #content {
    width: 56.896551724%; /* 528px / 928px */
    }
    .content-sidebar #content,
    .sidebar-content #content,
    #title-area {
    width: 65.277777777%; /* 752px / 1152px */
    }

    If you could provide a link to your site I can take a look.


    Twitter: cehwitham Web: cehwitham.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.