Need help? Check out our Support site, then


How to make The Columnist full width

  1. Hi,

    I'm new to CSS. I want to eliminate the space on the right hand side of the theme, so that the post area in the centre goes to the edge of the screen - hope that's clear. What do I need to put in the CSS field please.

    Thanks,

    Joe

    The blog I need help with is artofnoises.com.

  2. Here is an example you can start with:

    #main,
    #main:after,
    .site-footer {
    	width: 100%;
    	background: #fff;
    }
    
    .page #content,
    .single #content,
    .error404 #content {
    	float: left;
    }
    
    #left-col {
    	margin: 0;
    	padding: 0 2%;
    	width: 18%;
    }
    
    #content {
    	background: #f1f2f1;
    	margin: 0;
    	padding: 0;
    	width: 75%;
    }

    It makes the main content area on the home page stretch to full width. It uses percentages for each main block area of content. Note that you can adjust the numbers as needed, but be aware of different possible screen sizes—not everyone has the same view of a site.

    In the example I started you with, the width for posts and pages was left as is. This is because if you try to stretch the size of the featured images (which appear at the tops of those pages), it will distort the images.

    Try out the CSS and experiment with the numbers to see if you can get the result you're looking for.

  3. Much appreciated... I'll give it a go!

    Joe

Topic Closed

This topic has been closed to new replies.

About this Topic