Need help with CSS code

  • akarev

    (@akarev)


    14 years, 11 months ago

    Hi everyone,

    I am fairly new to WordPress (have been using RapidWeaver before) and I have got a question regarding CSS for my new blog. Basically I am trying to fix one little problem with the appearance of my blockquote. I am using Headlines premium theme (which I found on the wordpress).

    This is CSS which I wrote for my blockquote:

    blockquote {
    background:#F7F7F7;
    border:3px solid #EBEAE9;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin:7 0;
    padding:5 5px;
    }

    And this is how it appears on my website:

    http://cl.ly/0g1H0f2c2B0T220V0X45

    So the thing which bothers me a little bit is the fact that for some unknown reason there is slightly bigger blank space at the bottom of the blockquote compared to the top. In other words, there is more blank space at the bottom than it is at the top of it. I assume that the padding is wrong, however I am not entirely sure how to fix it. If anyone of you can help me with this, I would be very glad 🙂

    Thank you very much in advance

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    14 years, 11 months ago

    a link to your site pointing to the problem would help.

    a:
    make sure the numbers in your blockquote css hae units:

    margin:7px 0px;
padding:5px 5px;

    b:
    the content in the blockquote is likely to be within a pragraph tag, so xheck the top and bottom margins of your p styles; if needed, correct them just for the blockquote;

    example:

    blockquote p { margin: 10px 0px; }

    Thread Starter akarev

    (@akarev)

    14 years, 11 months ago

    Hi alchymyth,

    Thank you very much for your reply. Here is the link to my website (blog). I’ve tried to put the additional line to my CSS as you mentioned above, so here is what I’ve got so far. I don’t think it helped me much, may be I should add something else/more?

    Any more suggestions ? 🙂

    Thank you a lot.

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

The topic ‘Need help with CSS code’ is closed to new replies.

Tags