Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #21789

    Hi,

    What is the process for increasing theme width? And are there any implications for doing so?

    Mucho thanksio,

    N#

    #113125

    Hi ediblecities,

    The css responsible for the width of the elements is grid.css (wp-content/themes/propulsion/css/grid.css). However, I don’t recommend you to change this, as changing it might mess up your site. If you still want to change it with the risk of messing up your site, try adding this code in Quick CSS or custom.css:

    .container                                  { position: relative; width: 930px; margin: 0 auto; padding: 0; }
    .unit, .units { float: left; display: inline; margin-left: 30px; position:relative; }

    /* Base Grid */
    .container .one.unit { width: 50px; }
    .container .two.units { width: 130px; }
    .container .three.units { width: 210px; }
    .container .four.units { width: 290px; }
    .container .five.units { width: 370px; }
    .container .six.units { width: 450px; }
    .container .seven.units { width: 530px; }
    .container .eight.units { width: 610px; }
    .container .nine.units { width: 690px; }
    .container .ten.units { width: 770px; }
    .container .eleven.units { width: 850px; }
    .container .twelve.units { width: 930px; margin-left:0}

    /* Offsets */
    #top .offset-by-one { padding-left: 80px; }
    #top .offset-by-two { padding-left: 160px; }
    #top .offset-by-three { padding-left: 240px; }
    #top .offset-by-four { padding-left: 320px; }
    #top .offset-by-five { padding-left: 400px; }
    #top .offset-by-six { padding-left: 480px; }
    #top .offset-by-seven { padding-left: 560px; }
    #top .offset-by-eight { padding-left: 620px; }
    #top .offset-by-nine { padding-left: 700px; }
    #top .offset-by-ten { padding-left: 780px; }
    #top .offset-by-eleven { padding-left: 860px; }

    Just adjust the width or the padding value (this way you can redefine the sizes of the grid without changing grid.css). Hope this helps.

    Regards,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Modifying Width of Template’ is closed to new replies.