Blockquote

  • Ahenry1

    (@ahenry1)


    15 years, 1 month ago

    Hi everyone,

    I am trying to change the margins and spacing of my blockquote so that the lines and background are in line with the text.

    How can I do that? See what it looks like below now:

    http://img.myph.us/OEY.png

    Big thanks for your advice.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Ahenry1

    (@ahenry1)

    15 years, 1 month ago

    Here is an example of the blockquote in action:

    http://astleyhenry.com/2009/10/19/the-war-on-drugs-is-a-sick-joke/

    I would like the quote to be more centred with the background and lines stopping where the text stops.

    Enis

    (@en-is)

    15 years, 1 month ago

    Do you mean like this?
    http://img.myph.us/G3c.png

    You can achieve this by editing your ‘style.css’ file, look for blockquote and add a P element.

    Change your original blockquote to this;

    blockquote {
padding: 0 40px 0 40px;
background-color: #F7F7F7;
}

    and add this to your css file;

    blockquote p {
text-align: justify;
margin: 0 auto;
border-bottom: 1px solid red;
border-top: 1px solid red;
}

    That’s it 🙂

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

The topic ‘Blockquote’ is closed to new replies.