widening cutline template

  • Author
    Posts
  • #105189

    bragmagazine
    Member

    hello,

    how would i go this? i’d like to reach right across the browser. i found this suggestion:

    #container
    {
    width: auto;
    margin: 0 2em;
    }
    #content-main
    {
    width: 70%;
    }
    #sidebar
    {
    width: 20%;
    }

    but can’t find any tag ‘container’ in the template. do i just add this code? if so, where to stick it?

    thankyou!

    #105486

    hey, that code looks familiar!

    ;)

    where’s your blog, so i can take a look? have you purchased the CSS upgrade? (you need the upgrade to use the code)

    #105488

    bragmagazine
    Member

    hey sunburntkamel,

    got the upgrade, yes.

    ze blog:

    bragmagazine.wordpress.com

    i’m also trying to get white/blackspace back behind the body text, if you have any hints!

    cheers.

    #105526

    so, first of all, i highly recommend that if you’re poking around your blog in CSS and don’t know what you’re doing, you check out http://getfirebug.com in firefox.
    then you can right click on the part of your blog you want to change and click “inspect element”. it highlights the element, and shows you the CSS affecting it.

    for instance, cutline’s structure looks like this:

    #container
    – #content_box
    – – #content
    – – #sidebar

    so you can adjust the code you see to match that. #container should be width: auto, #content_box should be width:100% (since it’s just another wrapper inside #container), #content 70%, and sidebar 20%.

    you can apply
    background: black;
    to whichever element you’d like to have blackspace.

    #105527

    raincoaster
    Member

    Ooh, that’s a neat trick. I wish I had Firefox.

    #105583

    bragmagazine
    Member

    thankyou! this is five staar support.
    :)

    #105586

    bragmagazine
    Member

    ok.

    when i look at the source in firebug, it’s very different to what’s in the dashboard CSS style sheet. it looks like this:

    html>body .entry ul {
    margin-left:0;
    list-style:none;
    text-indent:-10px;
    padding:0 0 0 10px;
    }

    html>body .entry li {
    margin:7px 0 8px 10px;

    there’s no header “container” anywhere in the HTML.

    there is “container” when i view the page source in a browser though. so is one of these good, and one of these bad code? in the wordpress stylesheet, what is standing in for “container”?

    when i pasted over the HTML from firebug, all the customizations (background image, etc) that i’d put in were gone.

    eep, i confuse.

The topic ‘widening cutline template’ is closed to new replies.