what is the css for control padding above below blockquote, in oxygen theme

• 

  bohnulus · Member · Nov 27, 2013 at 12:22 pm

  • Copy link
  • Add topic to favorites

  want a css code for controlling padding above and below blockquote ( less or more ), as well as css code for changing quotation mark colour, size for blockquote on my oxygen theme, I upgraded. my site is http://iconmandesign.wordpress.com

  The blog I need help with is: (visible only to logged in users)

• 

  kraftbj · Staff · Nov 27, 2013 at 8:36 pm

  • Copy link

  Hi,

  You can use the blockquote element rule and adjust as you’d like.

  As it is in the theme, it is:

  blockquote {
  margin: 0 1.75em;
  padding: 0 0 0 35px;
  }

  The quotation mark that used is a static image that is set via

  blockquote {
  background: url(images/quote.png) no-repeat 0 4px;
  }

  You can download the image ( http://s2.wp.com/wp-content/themes/pub/oxygen/images/quote.png ), adjust it as you’d like, upload it to your media library and adjust the code to use it instead.

  We also have a forum at https://en.forums.wordpress.com/forum/css-customization specifically for CSS questions that may be useful to you as you customize your site.

  Cheers!

• 

  bohnulus · Member · Nov 27, 2013 at 11:31 pm

  • Copy link

  thanks very much my friend, that was really fast and helpful, I realize that I also need the css for Line spacing ( more or less space control ) for block quote, and regular paragraph copy and the css for spacing between the regular body copy in the content area of my pages… at present too much space above and below between paragraphs, I thought the padding of block quote would fix it… but the quotation issue is now being thanks!!!!, can you help yet again…. I’ll search further into forums too

• 

  kraftbj · Staff · Dec 2, 2013 at 3:01 pm

  • Copy link

  Howdy,

  Thanks for your patience—I was away for the American holiday.

  Could you ask over in the CSS Customization forum at https://en.forums.wordpress.com/forum/css-customization ? The folks there are more specialized in CSS.

  You can see what CSS rules are being applied to an area of a website using a tool like Chrome’s Developers Tools too (that’s what most of us use to check things out ourselves).

  https://developers.google.com/chrome-developer-tools/

  To answer your e-mailed question, the CSS would be something like:

  blockquote {
  background: url(‘http://iconmandesign.files.wordpress.com/2013/11/quote_1-04.png’) no-repeat 0 4px;
  }

  Cheers!

• 

  bohnulus · Member · Dec 3, 2013 at 11:25 am

  • Copy link

  what If I accidentilly deleted my css and saved without realizing can I get it back???? help???

• 

  bohnulus · Member · Dec 3, 2013 at 11:43 am

  • Copy link

  I deleted my instructions from my css file… aghhh!!!, not the file itself can I get the instructions back from a back up.? I don’t have a back up that I can find?

• 

  bohnulus · Member · Dec 3, 2013 at 11:48 am

  • Copy link

  and thank you your blockquote css for quote, worked beautifully

• 

  kraftbj · Staff · Dec 3, 2013 at 3:06 pm

  • Copy link

  Hi,

  The header text for the CSS editor is:

  /*
  Welcome to Custom CSS!

  CSS (Cascading Style Sheets) is a kind of code that tells the browser how
  to render a web page. You may delete these comments and get started with
  your customizations.

  By default, your stylesheet will be loaded after the theme stylesheets,
  which means that your rules can take precedence and override the theme CSS
  rules. Just write here what you want to change, you don’t need to copy all
  your theme’s stylesheet content.

  If you need any further help, ask in the CSS Customization forum.
  */

  Cheers!