HI,
In my website i want to use custom css for Blockquote. Please check my post where i have used blockquote: http://trailmag.4uss.net/trail-town-2016-trail-run-festival/
I have added a costom CSS for blockquote.
I have added custom CSS from here https://getflywheel.com/layout/how-to-style-blockquotes-in-wordpress/
2nd part of second point
blockquote {
max-width: 600px;
margin: 20px;
padding: 10px;
text-align: center;
font-family: sans-serif;
font-size: 16px;
color: #7f7f7f;
border-left: 6px solid #38b6cd;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
it seems the code is perfect but not working with our theme. Please have a look and tell me what to do.
I want my block quotes should be look like https://getflywheel.com/wp-content/uploads/2015/09/style-blockquotes-wordpress-side-shape.png
Waiting for your reply.
Thanks
Hi,
Some of the properties you are trying to change about the blockquote, are available in Theme panel->Theme Fonts->Post content – https://www.screencast.com/t/5oDw4aI9xDCP But if you want to change them through that css code, try it like this
.td-post-content blockquote p {
max-width: 600px;
margin: 20px;
padding: 10px;
text-align: center;
font-family: sans-serif;
font-size: 16px;
color: #7f7f7f;
border-left: 6px solid #38b6cd;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
With this result – https://www.screencast.com/t/NPHUZkcN8
Thanks
