I’ve been using Thesis 2.x for years now, and I am finally making the switch to NewsPaper. On my main site I have over 500 posts with MANY of them are using <blockquote></blockquote> but I do not like the styling as much on NewsPaper.
I would prefer to use the Box Quote Center styling that I see on the demo.
How can I do a site wide change. I assume I would just change something in CSS? Just make a direct swap.
Let me know your thoughts.
-
This topic was modified 11 years by
Mark.
Hi,
You can change blockquote to look like qoute box center using custom css – http://screencast.com/t/cx6cxzv6Y9JC
.td-post-content blockquote {
background-color: #FCFCFC;
border-left: 2px solid #4db2ec;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
clear: both;
margin: 0 0 29px 0;
}
.td-post-content blockquote p {
color: #777777;
font-size: 13px;
line-height: 21px;
padding-bottom: 16px;
margin: 0;
text-transform: none;
}
Do you refer to the theme width?
Unfortunately the theme was initially designed at this width – http://screencast.com/t/JKpaAQXuu with an fixed grid layout and changing it would not be easy as it needs changing the width value for all elements on pages and for this you would need custom work.
Hope this helps!
@Alin [tagDiv] thanks for the help. That seemed to work well. With the original Blockquotes they were just to big. Especially if I was using a larger quote.
I’m not sure what you are referring to with the 2nd part of your answer. I believe everything is good with my theme width.
Hi,
Glad that it worked!
Seems that I have misunderstood you at my second part of my answer!
Thanks!
Hi,
Please add also text align to the above code like this – http://screencast.com/t/UwScMf9b6Io
text-align: left;
I did not tell you, but I guess that you know that using this code it will affect all other qoute formats so on your future articles you will have to use blockquote to have this effect – http://screencast.com/t/J70xQJKYglFr as using other quotes formats – http://screencast.com/t/8wz2Ty8ekA1 will be affected by this css – http://screencast.com/t/oAS2C9lcT
Thanks!