increasing side panel widths

  • Resolved cyclesha

    (@cyclesha)


    10 years, 7 months ago

    Hey, Rick, I have read and read just about all I can find about WP default galleries. Now I’d like to try something different to avoid plugins. On my photo pages I’d like to narrow the text area to enable two side by side photos to appear. My text width at this point is “70”. I’d like to make it “60”. I’m hesitant to do it for fear it would effect all my pages and not just the two I want changed. How can I get this done?

Viewing 1 replies (of 1 total)
  • Theme Author richarduk

    (@richarduk)

    10 years, 7 months ago

    View Source and look for something like body class=”postid-4666 or body class=”page-id-1099

    Then in Childishly Simple Options page look for Add CSS, javascript or shortcode in the head (ignore this if you’re not sure) >Add CSS, javascript or shortcode in the head element of all pages of your website.

    Paste something like this in – the colors are to make everything clearer, remove them once sorted. Change numbers to suit, either pixels (e.g. 200px) or percentages (e.g. 10%)

    <style type=”text/css”>
    body.page-id-1089 div.left-sidebar {
    width:200px;
    background-color:red;
    }
    body.page-id-1089 div.right-sidebar {
    width:100px;
    background-color:yellow;
    }
    body.page-id-1089 div.content {
    width:500px;
    background-color:blue;
    }
    </style>

    If you’ve got more than one page that you want to apply the above to then it would go like this:

    body.page-id-1089 div.left-sidebar.
    body.page-id-1091 div.left-sidebar {
    width:200px;
    background-color:red;
    }

    etc.

Viewing 1 replies (of 1 total)
  • The topic ‘increasing side panel widths’ is closed to new replies.

Tags