WordPress.org

1. Ahenry1
   Member
   Posted 1 year 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.

2. Ahenry1
   Member
   Posted 1 year 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.

3. EN-IS
   Member
   Posted 1 year 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 :)

Topic Closed

This topic has been closed to new replies.