How to change blogger block quote and remove original mark. To remove or replace block quote with css style you need to have some more codes as found below. Go to your blogger.com and sign in with your account. Click anywhere inside the code area and press CTRL + F to find this code and hit Enter to find it.
.post-body blockquote
Or
.post blockquote
If you can not find these codes above! that is not a problem, but your need to try and find more word like this.
(blockquote)
.post blockquote { background: linear-gradient(#B8DB29, #5A8F00) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 10px 10px 10px 10px; color: #FFFFFF; margin: 30px 15px 5px; padding: 15px 30px; position: relative; font: 1.6em/1.4 Cambria,Georgia,sans-serif; font-weight: bold; } .post blockquote:after { border-color: rgba(0, 0, 0, 0) #B5D928; border-style: solid; border-width: 50px 0px 0px 20px; top: -50px; content: “”; display: block; left: 50px; position: absolute; width: 0; }
When you seen these code. go a head and deleted all the ways long as you seen. or replace it with these code below. If you can not find not a problem. Please search this word ]]></b:skin> and past below code above of this ]]></b:skin>.
blockquote { margin-bottom: 20px; line-height: 1.65em; font-weight: 300; padding: 20px 20px 20px 50px; color: #fff; border-top: 5px solid #77818d; font-size: 16px; margin-bottom: 20px; line-height: 1.65em; font-weight: 300; padding: 20px 20px 20px 50px; color: #fff; border-top: 5px solid #77818d; border-left: 5px solid #dfdfdf; background: #f4f4f4; color: #999999; padding: 20px; font-size: 17px; font-style: italic; line-height: 24px; margin: 30px 60px; } blockquote p { margin: 0; }
After you have already past these code above please go a head and find the <head> or <//head> and past the codes below inside <head> and <//head>.
<style>.post blockquote { background-color: lightgrey; border-left: 4px solid #03ba93; margin: 10px; padding: 10px; font-size: 16px; font-style: italic; font-family: Arial;}</style>
0 comments:
Post a Comment