WordPress.org

Ready to get started?Download WordPress

Forums

Decrease Sidebar size (5 posts)

  1. sunny_mhl10
    Member
    Posted 1 year ago #

    Hi

    I want to increase the size of Content & reduce the size of sidebar in ZeeBusiness Theme

    Thanks

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    This kind of modification can be done in the CSS code - but before you make any changes, you'll need to set up a child theme or use a custom CSS option or plug-in.

    http://codex.wordpress.org/Child_Themes

    Once you have that set up, post a link to your site and someone can likely help you with the specific code to add to your CSS.

  3. sunny_mhl10
    Member
    Posted 1 year ago #

    Hi WPyogi

    I am just new to WordPress so i have not hosted on Server . I have created Child Theme . Can u tell where i should make changes.

    I am working on local machine

    Thanks

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Unfortunately, it's very hard to help with CSS work without seeing the site. But I'd suggest you download and use Firebug to help you look at the CSS code that is determining the layout of the page. Once you see the code that is setting the width of the content, copy that code to your child theme style.css file and make the changes there. Same with the sidebar. You'll have to make sure that the changes in width still "fit" in the containing element -- if you don't know any CSS, be aware that messing with layout can be a bit tricky sometimes as you may affect other pages in your site or have unintended changes.

    This is a good reference site for CSS:

    http://www.w3schools.com/css/

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    I found a demo of the theme, so this is the code that you will need to change -- though as I said before, it's not always simple to change layout CSS:

    #sidebar {
        margin-left: 570px;
        margin-top: 10px;
        padding: 20px;
        width: 280px;
    }

    and

    #content {
        float: left;
        padding: 10px 15px;
        width: 550px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic