CSS Questions about TwentyTen

  • isparkleen

    (@isparkleen)


    15 years, 11 months ago

    Hi! I’m new to WordPress and I would like to tweak the look of my blog. I just have a few questions.

    1. Where do I change the spacing between paragraphs? I was able to change the line height for all sentences but the spaces between paragraphs remained too spacious/too high.

    2. How can I move the Search bar somewhere else?

    3. I also want to change the font styles for the “Posted on June 20, 2010 by MM” and “Posted in Uncategorized | 1 Comment ” but I can’t seem to find the CSS selector for it. An identification of the elements in the blog entry area will help a lot. 🙂

    THANKS!

Viewing 14 replies - 1 through 14 (of 14 total)
  • Chinmoy

    (@chinmoy)

    15 years, 11 months ago

    Change your style.css file:

    1. `.entry-content p {
    margin-bottom:18px;
    }`

    2. go to sidebar.php file. There u see this function <?php get_search_form(); ?>. Remove it from there and put it according to your choice

    3. edit this css

    .entry-meta {
color:#888888;
font-size:12px;
}

    for “Posted on June 20, 2010 by MM” And this

    .entry-utility {
clear:both;
color:#888888;
font-size:12px;
line-height:18px;
}

    for “Posted in Uncategorized | 1 Comment ”

    Thread Starter isparkleen

    (@isparkleen)

    15 years, 11 months ago

    Is it the one below

    “/* Gallery listing” ?

    Chinmoy

    (@chinmoy)

    15 years, 10 months ago

    what is u saying? can u clarify briefly?

    Thread Starter isparkleen

    (@isparkleen)

    15 years, 10 months ago

    I don’t know where to put

    `.entry-content p {
    margin-bottom:18px;
    }`

    Chinmoy

    (@chinmoy)

    15 years, 10 months ago

    .entry-content p {
    margin-bottom:18px;
    }

    in the bottom of css file

    Thread Starter isparkleen

    (@isparkleen)

    15 years, 10 months ago

    It didn’t work. 🙁

    Chinmoy

    (@chinmoy)

    15 years, 10 months ago

    give your blog link

    Thread Starter isparkleen

    (@isparkleen)

    15 years, 10 months ago

    isparkleen.com

    Chinmoy

    (@chinmoy)

    15 years, 10 months ago

    goto line no 480 in ur style.css file

    #content p, #content ul, #content ol, #content dd, #content pre, #content hr {
margin-bottom:24px;
}

    change 24 to 15px. This is solve ur 1st option.

    Thread Starter isparkleen

    (@isparkleen)

    15 years, 10 months ago

    YAY! 😀

    One last, so what is the difference of tweaking the #content p and .entry-content p? 🙂

    Thread Starter isparkleen

    (@isparkleen)

    15 years, 10 months ago

    Also, another question, where do I place another footer after the four column footer? 🙂 I’d like to have another footer but this time, no divisions, I need its whole width. Thanks so much for helping!

    Michelle Langston

    (@chellycat)

    15 years, 10 months ago

    #content p affects ALL paragraph tags inside the ENTIRE #content div.

    .entry-content p only affects paragraph tags within the .entry-content div, which is the div that wraps around each single post in the loop.

    Thread Starter isparkleen

    (@isparkleen)

    15 years, 10 months ago

    Alright, thanks for that clear and concise explanation. 🙂

    Hopefully someone could also help me out with my footer question. 🙂

    Chinmoy

    (@chinmoy)

    15 years, 10 months ago

    Create a new <div id=”an_footer”>…</div> above <div id=”site-info”>…</div>.

    Write a css for #an_footer in your style.css file.

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

The topic ‘CSS Questions about TwentyTen’ is closed to new replies.