Change Block Quote To Box Quote Center

Posted in: Newspaper
Post count: 84

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.
Post count: 7909

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!

Post count: 84

@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.

Post count: 7909

Hi,

Glad that it worked!
Seems that I have misunderstood you at my second part of my answer!

Thanks!

Post count: 84

@Alin – I know I changed these, but how would I go about making these that same style, but making it so that the text isn’t centered.

I just want that same block styling with out the text aligned in the center.

– Thanks

Post count: 7909

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!

Post count: 84

@Alin – Thank you. Right now I use Blockquotes in almost every article. I don’t really use the other kinds so that is fine with me. Thanks for the help.

Post count: 224

thanks, what i was looking for

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.