WordPress.org

Ready to get started?Download WordPress

Forums

Grimelda theme - make the central text colomn wider (6 posts)

  1. arne22
    Member
    Posted 9 years ago #

    I use the Grimelda theme, and it's allmost perfect for me - but I would be very happy if it were possible to make the central text collone a litle bit wider.

    Reason:

    1. Some time I write a little bit longer texts than I can fit in one line (Linux shell commands, a web blog about Linux.)

    2. If the central text coloumn were a little bit wider it would be more easy to fit in som nice photos. (I use photos now, but they have to be rather small.)

    Best reg arne.

  2. Jinsan
    Member
    Posted 9 years ago #

    i can only guess since you haven't provided a link to your site or the theme, but in your css you'd probably modify either:

    body
    #rap
    #maincontainer

    just increase the width as required, but you may find you need adjust everything else possibly. if the code is even longer then you can't really keep expanding the width as it's not practical for you.

    not sure what else you can use. Some users add a scrolling box for the code, and this way there are no line breaks, the text wraps and remains intact plus the width of your central column is not an issue

  3. arne22
    Member
    Posted 9 years ago #

    Some more space for the photos .. :-)
    http://linbase.com/?cat=2

  4. arne22
    Member
    Posted 9 years ago #

    Hope I do not use to muxh space ..

    Theme Name: Grimelda
    Theme URI: http://mathibus.com/
    Description: I honestly don't know why it's called "Grimelda", but it's a theme for WordPress.
    Version: 1.0
    Author: Mathias Bynens
    Author URI: http://mathibus.com/
    */

    /* Teh Layout
    **************************************************************************/

    body {
    margin: 0;
    padding: 0;
    font-size: 10pt;
    font-family: 'Lucida Grande', Georgia, Verdana, Arial, Sans-Serif;
    background: #efefef url(images/bgcolor.jpg) repeat;
    color: #000;
    text-align: center;
    line-height: 1.6em;
    text-align: center;
    }

    #container {
    background: #efefef url(images/bg.jpg) repeat-y top;
    margin: 0 auto;
    text-align: left;
    padding: 1em 2em;
    width: 700px;
    }

    #header {
    margin: -2.4em 0 0 -1.5em;
    padding: 0;
    width: 105.7%;
    width: 740px;
    background-color: #ffe090;
    text-align: center;
    border-bottom: 7px solid #7f0000;
    }

    #header a {
    display: block;
    width: 100%;
    padding: 2em 0;
    margin: 0;
    background-color: #e5f7ff;
    }

    #header a:hover {
    background-color: #dbf4ff;
    }

    #tagline {
    text-align: right;
    font-size: 14pt;
    font-style: italic;
    padding: 0 .2em .2em 0;
    color: #666;
    }

    #content {
    margin: 0;
    padding: 1em .5em 0 .5em;
    width: 65%;
    float: left;
    }

    #sidebar {
    margin: 0;
    padding: 1em 1em 1em 3em;
    float: right;
    width: 25%;
    }

    .clear {
    clear: both;
    font-size: 0;
    }

    #footer {
    margin: 0 0 -2.1em -1.5em;
    padding: 0;
    width: 105.7%;
    width: 740px;
    background-color: #ffe090;
    text-align: center;
    border-top: 7px solid #7f0000;
    }

    /* Links
    **************************************************************************/

    a, a:link {
    text-decoration: none;
    padding: 1px;
    border-bottom: 1px solid #aaa;
    color: #000;
    }

    a:hover {
    color: #036;
    background-color: #dbf4ff;
    border-color: #036;
    }

    .fitts a {
    display: block;
    width: 91%;
    margin: 0;
    padding: 1px 0 1px 1em;
    }

    #sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

    #sidebar li {
    margin: 0;
    padding: 0;
    }

    #sidebar a {
    border-right: .3em solid;
    border-color: #00a600;
    }

    #sidebar a:visited {
    border-color: #a0be16;
    }

    #sidebar a:hover {
    background-color: #a0be16;
    border-color: #a0be16;
    }

    /* Elements
    **************************************************************************/

    abbr, acronym {
    border-bottom: 1px dotted;
    }

    blockquote {
    background-color: #fc9496;
    border-left: .3em solid #ce060b;
    margin: 1em;
    padding: .5em .5em .5em 1em;
    }

    cite {
    font-style: italic;
    }

    code {
    padding: 1px;
    background-color: #dbf4ff;
    color: #036;
    }

    a code {
    padding: 2px 1px 0 1px;
    }

    label {
    cursor: pointer;
    }

    del {
    text-decoration: line-through;
    }

    del:hover {
    text-decoration: none;
    }

    ins {
    text-decoration: underline;
    }

    small {
    font-size: 85%;
    }

    h2, h3, h4, h5, h6 {
    margin-bottom: .1em;
    }

    #content h2, #content h2 a {
    font-family: Georgia, serif;
    font-size: 20pt;
    font-weight: normal;
    line-height: 1.3em;
    }

    #sidebar h2 {
    color: #036;
    font-family: Verdana, serif;
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase;
    }

    h3, h3 a {
    color: #2f2f2f;
    font-weight: bold;
    font-size: 14pt;
    font-family: Georgia, serif;
    }

    hr {
    display: none;
    }

    fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    }

    /* Classes
    **************************************************************************/

    .center {
    text-align: center;
    }

    .info {
    background: #fde291;
    border: 1px solid #fac830;
    margin: 1em;
    padding: .5em;
    font-size: 90%;
    }

    .image {
    text-align: center;
    }

    .image img {
    border: 0;
    }

    #sidesearch dt, #sidebar #sidesearchsubmit, .hide, fieldset legend {
    display: none;
    }

    form dd {
    margin: 0;
    }

    #commentform input, #commentform textarea, #commentform #submit, #searchform input, #searchsubmit, #sidesearch input {
    padding: 1em;
    font-size: 10pt;
    font-family: Verdana, serif;
    color: #fff;
    font-weight: bold;
    width: 32em;
    background-color: #6cf;
    border: 1px solid #3af;
    }

    #commentform #submit, #searchform #searchsubmit {
    margin-top: 1em;
    }

    #commentform input, #commentform textarea, #searchform input, #sidesearch input {
    padding: .2em;
    font-size: 10pt;
    font-family: Verdana, serif;
    font-weight: normal;
    color: #000;
    width: 32em;
    background-color: #cef;
    border: 1px solid #3af;
    }

    #sidesearch input {
    width: 90%;
    }

    #commentform input:focus, #commentform textarea:focus, #sidesearch input:focus, #searchform input:focus {
    background-color: #e7f7ff;
    border: 1px solid #6cf;
    }

    /* Comments
    ********************************************************/

    .comment-list {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    }

    li.comment {
    margin: 0 0 1em 0;
    padding: 0 0 .5em .5em;
    background-color: #fdc793;
    border: 1px solid #fc9734;
    }

    li.comment li {
    list-style-position: outside;
    }

    .comment-list li.alt {
    background-color: #a3f7a5;
    border: 1px solid #00c400;
    }

    .comment-list dd.when {
    font-size: 90%;
    }

    .comment-list dd.what {
    padding-right: 1em;
    }

    .gravatar img {
    float: right;
    margin: -1.4em .3em 0 0;
    }

    .comment-list dt.who {
    margin: -1.6em 0 0 1.5em;
    }

    /* Mozilla Fuckery
    ********************************************************/

    blockquote {
    -moz-border-radius: 0 4px 4px 0;
    }

    form input, form textarea, #commentform #submit {
    -moz-border-radius: 4px;
    }

    li.comment {
    -moz-border-radius: 0 4px 4px 0;
    }

    /* IE Hackery
    ********************************************************/

    * html #container {
    padding: 0;
    }

    * html #sidebar {
    padding: 0 0 0 1em;
    }

    * html li.comment, * html #commentform {
    padding: 1em 1em 3em 1em;
    margin: 2em 0;
    }

    * html #container {
    padding: 1em 2.5em;
    width: 720px;
    }

    * html #content{
    padding-left: 1em;
    }

    * html #header, * html #footer {
    margin-left: 1px;
    }

    * html #container {
    background-color: #e7e7e7;

  5. Jinsan
    Member
    Posted 9 years ago #

    Read this

    http://wordpress.org/support/topic/25473

    particularly the last few paragraphs and then use the following for your code. Additional a link to your css direct would also suffice as would knowing your URL since anyone can view the css that way

    http://paste.uni.cc/

    Hope that helps ease things for you

  6. arne22
    Member
    Posted 9 years ago #

    Yes .... exuse me ... It would have ben rather easy to post it in my own blog .. or a direct link. Will do that he next time.

    Arne.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.