WordPress.org

Support

Support » Themes and Templates » Modification of column size

Modification of column size

  • Hello,

    Do you know how to modify column size ?
    I’m using “target” theme, a two-sized theme and want to increase left-column size and reduce right-column size.

    Here is the link to my website http://www.jeremiephoto.fr

    You can see column size on “a propos” page.

    Thanks in advance.

Viewing 15 replies - 1 through 15 (of 23 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    Be aware that making changes to theme files is never a good idea — use a Child Theme or custom CSS plug-in instead. Otherwise all your changes will be erased when the theme is updated. Once you have that set up, add this CSS code:

    #content #left-col {
        padding: 20px 16px 20px 0;
        width: 620px;
    }
    
    #content #right-col {
        padding: 3px;
        width: 307px;
    }

    You’ll need to change the widths and/or padding to suit your preferences.

    Also, making changes like this may affect the layout of other pages. If you want the changes to only affect his page, you can add the page id to the selectors:

    body.page page-id-4 #content #left-col { ....
    
    body.page page-id-4 #content #right-col { ....

    Thanks for your support.

    I tried to change widht in #content #left-col and #content #right-col but no change on my website.
    did I forgot something ?

    Try clearing your browser cache.

    WPyogi

    @wpyogi

    Forum Moderator

    There are no changes visible in your CSS…where did you make them? Also, you have no content in the right column so nothing will show on the page.

    You also have some mark-up errors that may be causing problems — looks like your footer.php file is missing??
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.jeremiephoto.fr%2Fa-propos%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Dear Andrew, I tried without effect

    WPyogi, I changed

    #content #left-col {
    padding: 20px 16px 20px 0;
    width: 620px;
    }

    #content #right-col {
    padding: 3px;
    width: 307px;
    }

    into

    #content #left-col {
    padding: 20px 16px 20px 0;
    width: 820px;
    }

    #content #right-col {
    padding: 3px;
    width: 107px;
    }

    without effect. I removed this in order to avoid other problems.

    Add to this, I don’t understand your feedback about footer.php
    I get an eye into your links, but don’t find the appropriate file ( my footer.php file hasn’t 193 lines … )

    Your changes did have an effect, your left column has a width of 620px etc.
    Unless you have no regard to update the theme, move your modifications into a Child Theme.

    Andrew, yes my left column has a width of 620px, but if I put 820px for example, the left column has still a width of 620px … It’s my problem 🙁

    It’ll be easier to debug the issue if you add changes to a Child Theme.

    What do you mean by child theme ?

    Also I made modification, agree with you it will be better for you to help me …

    Instead of a Child Theme, do you have a Custom CSS plugin?

    I only have css file named style.css

    Sorry if it’s not the answer to your question but my english isn’t fluent ..

    Michael

    @alchymyth

    Forum Moderator

    the left column has still a width of 620px …

    there might be other styles restricting the content width;

    for instance:

    .post-entry {
    	width:620px;
    	float:left;
    	padding-bottom: 10px;
    	padding-top: 10px;
    	overflow: hidden;
    }

    css customisation can be tedious – using a browser inspection tool such as Firebug will help immensely to find out what styles are formatting what elements.

    hint:
    it is a good idea to leave any suggested edits in the site until you get feedback from somebody in the forum; it helps helping …

    As expressed by WPyogi, you shouldn’t be editing the theme’s files.
    Download and activate a Custom CSS plugin and transfer your modifications to the area allocated by that plugin (in the dashboard).

    Ok, if I understand what you say, I must download Custom CSS plugin on my wordpress website and use this to force CSS modifications ?

    Yes, you should.

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Modification of column size’ is closed to new replies.
Skip to toolbar