WordPress.org

Ready to get started?Download WordPress

Forums

Remove sidebar for all pages and extent the content width (19 posts)

  1. alexmartin007
    Member
    Posted 2 years ago #

    I am trying to create a website using webfolio theme not a blog. I dont need side bar's and I have removed it. Now I am trying to extent pages content width to occupy the side bar space too.

    May I know how can I do this?

  2. itsonlybarney
    Member
    Posted 2 years ago #

    Do you want the sidebar to appear on any pages at all?

    Also, if you post a link to your site, it would make understanding how to help easier for us.

  3. alexmartin007
    Member
    Posted 2 years ago #

    Actually I want to remove the side bar for all the pages and extent the width of the content.

    Here is the temp link,

    Here you can see there is more space in right corner where I have removed the side bar.

  4. itsonlybarney
    Member
    Posted 2 years ago #

    In your style.css file of your theme change this:

    #colLeft{
    	width:615px;
    	float:left;
    	padding-left:3px;
    	padding-top:15px;
    
    }

    to this:

    #colLeft{
    	float:left;
    	padding-left:3px;
    	padding-top:15px;
    	padding-right: 3px;
    }
  5. alexmartin007
    Member
    Posted 2 years ago #

    Great! Really works fine!

    Another information needed. Would it possible to increase total width (include menu bar,page width title width) for the site?

  6. alexmartin007
    Member
    Posted 2 years ago #

    Also if I view page info of this site from firefox it shows the generator is wordpress. Would it possible to change or hide?

    Would it possible to remove the current Home page and add new one of this site? If not how can I edit it with my own content?

  7. itsonlybarney
    Member
    Posted 2 years ago #

    Add this code to your theme functions.php

    remove_action('wp_head', 'wp_generator');

    Not knowing the exact theme, I'm not sure how to change the content of the front page of the theme.

  8. alexmartin007
    Member
    Posted 2 years ago #

    Ok thanks.

    What about,

    Another information needed. Would it possible to increase total width (include menu bar,page width title width) for the site?

  9. itsonlybarney
    Member
    Posted 2 years ago #

    How wide do you want it?

  10. alexmartin007
    Member
    Posted 2 years ago #

    I need wide with 10cm extra on both the sides

  11. itsonlybarney
    Member
    Posted 2 years ago #

    So you want the margins on the left and right wider than they are?

  12. alexmartin007
    Member
    Posted 2 years ago #

    Yes. That't it I need.

  13. Speed_FANat1c
    Member
    Posted 2 years ago #

    find in the css file something like

    #wrapper {

    ...
    }

    and increase the width value.

    Also find the actuall image of the navigation, and you will need some painting program, and just make it longer. The image name is bk_topmenu.png

    This should work

  14. Speed_FANat1c
    Member
    Posted 2 years ago #

    oh, also the footer - find in css file

    #innerFooter {
    ...
    }

    and alsos increase width value

  15. alexmartin007
    Member
    Posted 2 years ago #

    Hmm when I try increase the value of wrapper the header of the page only extents and not the full page :(

    [please don't bump]

  16. itsonlybarney
    Member
    Posted 2 years ago #

    I'll point out the values you need to change in your style.css file

    [please read the forum guidelines for posting code - there is a 10 lines limit for posting direct in the forum - for any code over 10 lines, please use the http://pastebin.com/ ]

  17. alexmartin007
    Member
    Posted 2 years ago #

    Great! It works!

    But the menu bar width doesn't increased. Anything needs to be changed further?

    Also the pages contents width have high. Can I reduce little bit these thing only?

  18. itsonlybarney
    Member
    Posted 2 years ago #

    Change the width value:

    #topMenu {
    	width:910px;      <--- Change
    	height:53px;
    	position:absolute;
    	top:108px;
    	left:0;
    }

    Basically you will need to go through the style.css file, and where you see width: xxxpx you will need to adjust accordingly

  19. alexmartin007
    Member
    Posted 2 years ago #

    Yes. I did that already and still no luck. You can see the same url as on above.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.