WordPress.org

Ready to get started?Download WordPress

Forums

How to make a theme wide (6 posts)

  1. Diam0nd
    Member
    Posted 6 years ago #

    Could anyone please be so kind to tell me how can I make this theme: http://openswitch.org/downloads/ (theme called unsleepable 2.0) as wide as this one: http://themes.wordpress.net/columns/3-columns/3307/genkitheme-10/

    So basically I really like the unsleepable theme, but I would like it to be wide, like the genkitheme. Anyone happens to know what exactly do I need to tweak?

  2. boober
    Member
    Posted 6 years ago #

    one uses fixed width (for example width: 700px) and one uses fluid width (width: 100%;)

  3. Diam0nd
    Member
    Posted 6 years ago #

    Any chance you could tell me where exactly do I change that? I mean, there are quite a few template files in those themes. Which one do I check for that parameter?

  4. boober
    Member
    Posted 6 years ago #

    it would be in your style sheet. i cant be very specific unless you give me a link to your site running that theme. the themes link you posted has no demo.

  5. Diam0nd
    Member
    Posted 6 years ago #

    http://wordpress.petrabbitlife.com/ this one is running Unsleepable theme right now. I like the theme a lot, but it's just not as wide as I want it to be >>> http://themes.wordpress.net/columns/3-columns/3307/genkitheme-10/ So I would like to make Unsleepable as wide as GenkiTheme.

  6. boober
    Member
    Posted 6 years ago #

    well that theme makes use of a few different background images, so you will run into a few problems. but if you wanna mess with it, you should look in your stylesheet for entries that have a set px width, like the following

    #page {
    	background: #f9f9f9 url('images/page_bg.gif') top center repeat-y;
    	background-position: right !important;
    	text-align: left;
    	margin: 0px auto 0px !important;
    	padding: 0 !important;
    	position: relative;
    	width: 785px;
    	}
    #primary {
    	width: 500px;
    	float: left;
    	padding: 20px 0 10px;
    	margin: 0 10px 0 30px;
    	display: inline;
    	}

Topic Closed

This topic has been closed to new replies.

About this Topic