Editing main content text width

  • Hi
    I’ve got a problem I can’t seem to fix.
    It’s about making the text and the content of the website wider – simply make the column which contains the main content wider.
    I’m very new to CSS and I was hopeing you could tell me where in the stylesheet I should go to change the width.

    At first I thought it was simply the witdth:420px (see below) I should change, and that would be it, but nothing happended when I tried.

    /* Content */
    #content { min-height:450px; width:420px; float:right; margin:13px 35px 0 0; padding:6px 180px 35px 0}
    .entry-title {font-size:3.6em; margin:0 0 0.7em 0; line-height:28px;}
    .single .entry-title {margin-top:-5px}

    I got someone to make this theme in sandbox for me, but now I’m kinda on my own. Please tell if you need any additional information.

    I really hope you can help me, thanks.

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hey vanderjagt – can you provide a link to your site and reference the specific object you want to increase the width on?

    Thread Starter vanderjagt

    (@vanderjagt)

    Yes of course

    https://www.vanderjagt.dk

    For example, if you look at the “Home – Welcome” page, the width of the content (text/videos/pictures) is pretty narrow. There is some space to the right on the page I would like to use for the main content. Simply make the width of the content (of the posts) wider.

    I see. Well when I increase the width of #content to something like 600px, it works, though instead of widening to the right, it widens to the left, which is unusual. Are you floating it right?

    Thread Starter vanderjagt

    (@vanderjagt)

    Yeh, floating right.
    Now I’ve made the column wider (changing the width in line 6 and line 13), but as you said it’s wider to the left instead of the right.
    Please check and see if you can find the problem.

    1 /* Contact */
    2
    3 #contact label {display:block; margin:0 0 2px 0; font-size:1.3em}
    4 #contact input {margin-bottom:10px}
    5 #contact label span {color:#9e1c49; padding-left:3px}
    6 #contact form {width:520px; float:right}
    7 .form_content {margin-top:1.7em; }
    8
    9 #name {width:200px}
    10 #email {width:225px;}
    11
    12 /* Content */
    13 #content { min-height:450px; width:520px; float:right; margin:13px 14 35px 0 0; padding:6px 180px 35px 0}
    15 .entry-title {font-size:3.6em; margin:0 0 0.7em 0; line-height:28px;}
    16 .single .entry-title {margin-top:-5px}
    17 #content h3 {font-size:2em; padding-bottom:0.35em;}
    18 .entry-content h4 {font-size:1.65em;padding-bottom:0.35em;}
    19 #content p, #content td, #content th, .hentry li {font-size:1.4em}
    20 #content p {padding-bottom:0.7em}
    21 .entry-title a {color:#000!important; text-decoration:none;}
    22 .entry-title a:hover {color:#9e1c49!important;}
    23
    24 .entry-content ul, .entry-content ol {margin-top:-0.8em; margin-bottom:0.8em}
    25 .entry-content ol {list-style:decimal; margin-left:1.9em }
    26 .entry-content ul {list-style:circle; margin-left:1.6em}

    Thread Starter vanderjagt

    (@vanderjagt)

    Anyone, please?

    Try removing any padding/margin that would occur on the right side.

    Thread Starter vanderjagt

    (@vanderjagt)

    Hmm dosen’t work, really annoying..

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Editing main content text width’ is closed to new replies.