Help! How to increase width of content

  • Unknown's avatar
    jswiss · Member ·

    Hi everyone,

    I’m a budding wordpress designer – still learning the hard way… I was playing with the CSS of my child theme (2014) and I have managed to flup up my content width – That is, there is far too much white space on the left and right sides of the text.

    Would you be kind enough to check http://collingwoodwebdesign.com and perhaps give me a tip as to how to fix?

    Thanks

    John

  • Unknown's avatar
    jswiss · Member ·

    I think I fixed the content width – Now I’m trying to stylize images in content pages and blogs – The images which are aligned left are being cut off by the left widget area. Can you check out http://collingwoodwebdesign.com/collingwood-web-design-blog/ pls?

    Here’s the child CSS:

    .primary-navigation {
    float: right;
    font-size: 13px;
    margin: 0 1px 0 -12px;
    padding: 0;
    text-transform: uppercase;
    }

    /* commented out
    .site {
    background-color: #fff;
    max-width: 1400px;
    position: relative;
    } */

    .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
    margin: 0 auto;
    max-width: 874px;
    }

    /* for centering caption in image */

    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    p img {
    padding: 0;
    max-width: 100%;
    }
    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }

  • Unknown's avatar
    timethief · Member ·

    I’m sorry but we are unable to provide support for any sites that are not hosted here at WordPress.COM and our support docs do not apply to your site.

    WordPress.COM and WordPress.ORG are completely separate and have different logins, features, run different versions of some themes with the same names, and have separate support forums. http://en.support.wordpress.com/com-vs-org/

    If you don’t have a username account at WordPress.ORG click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the Theme support forums there.

    Resetting your WordPress.ORG password http://codex.wordpress.org/Resetting_Your_Password
    WordPress.org support docs are at https://codex.wordpress.org/Main_Page

  • Unknown's avatar
    jswiss · Member ·

    Oops sorry about that… Thanks for the tip

    Cheers

  • Unknown's avatar
    timethief · Member ·

    You’re welcome.

  • The topic ‘Help! How to increase width of content’ is closed to new replies.