Home css

Saturday, November 17, 2018

Wanna Have Cool Blockquote Section Like Us!

      Comment   
WELCOME TO w3cssBD
www.supercell.com
Wanna Have Cool Blockquote Style Like Us?
Don't Worry It's Easy. Just Add The Code Given Down And Your Done.

Add The Code On Css Section.


--------------- CODE ---------------------
blockquote{background:#f8cf82;color:#000;font-size:15px;position:relative;padding:1.2em 1.5em;margin:1em auto;overflow:hidden;text-align:left;word-spacing:0}.post-body blockquote:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #d8b471 #d8b471;background:#d8b471;display:block;width:0}.post-body blockquote:hover:before{display:none}.post-body blockquote kbd,.post-body blockquote a{color:#3d3320}pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:14px;margin:0}hr{margin-top:2rem;background:#ccc;height:1px;border:0;margin-bottom:2rem} 

--------------- CODE/ ---------------- 

Tuesday, November 13, 2018

Css Code For Stylish Blockquote

      1 comment   


Hellow Today I am Sharing Stylish Blockquote Css Code for blogger.

Just Follow The Steps ↓


First Go To Blogger Dashboard And Select The Blog You Want To Design.

↓

Then Go To Theme.

↓

After That Select Customize.

↓

Then Select Advanced.

↓

Now Scroll Down And Select Add Css.

 ↓

 Then Paste The Code Given Below.

 ↓

 And You Are All Set.

Thanks For Reading. If You Want More Css Like This Comment. 

Code  ↓

blockquote{background:#f9f9f9;border-left:1em solid #eee;margin:1.5em 1em;padding:.5em 1em;quotes:"\201C""\201D";} blockquote:before{color:#808080;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;} blockquote :first-child{display:inline;} blockquote :last-child{margin-bottom:0;}