Changing horizontal size of div

  • Resolved The Paranormal Unicorn

    (@the-paranormal-unicorn)


    11 years ago

    Hello all,

    I am currently working on my first website and it’s coming along quite well. So far, I’ve managed to solve almost all my problems through these forums (they are a godsend) but there are a few things I can’t quite wrap my head around.

    On my website, the date is shown with a yellow background and I’m not exactly sure how to make that yellow background -only- be behind the text. It’s a bit difficult to describe in words, so here is my website with an example of how I’d like it to be.

    I’m quite a beginner, so please be forgiving with your explanations. And thank you in advance to anyone who replies.

    My website
    http://www.theparanormalunicorn.com/

    The example
    Note the white background behind the post-date
    http://www.gottadancedirty.com/

Viewing 4 replies - 1 through 4 (of 4 total)
  • daviddevor

    (@daviddevor)

    11 years ago

    Are you trying to change the width of the date box to only be as wide as the date and not the full width of the content?

    daviddevor

    (@daviddevor)

    11 years ago

    if so try adding this css to your h2.post-date or h2 selector: 

    width:80px;

    Or

    display:inline-block;
    daviddevor

    (@daviddevor)

    11 years ago

    Also i would add some padding.

    Thread Starter The Paranormal Unicorn

    (@the-paranormal-unicorn)

    11 years ago

    Thank you very much david,
    That was exactly what was needed. It’s looking much better now

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing horizontal size of div’ is closed to new replies.