Blockquote: expanding display width

[TheCCE]

Hello!

I’m wrestling with getting my blockquotes to display the full width of the site (in line with the text). Right now, the blockquote sections are quite narrow when displayed on a desktop screen, and even more so on mobile.

Here’s what it looks like on the desktop:

Here’s the current coding:
blockquote {
display: block;
position: relative;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 1px 1px 1px #ccc;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
background-color: #FAFFF0;
border-top: 1px solid #ccc;
border-bottom: 3px solid #ccc;
}

Is there something in the .css file that I need to adjust to allow these sections to be full width?

Thanks!

Allan

[Chinmoy Paul]

Try this CSS

blockquote {
  background-color: #FAFFF0;
  border: 1px solid #ccc;
  border-bottom: 3px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 1px #ccc;
  -moz-box-shadow: 1px 1px 1px #ccc;
  box-shadow: 1px 1px 1px #ccc;
  display: block;
  margin: 40px 0;
  position: relative;
  padding: 10px;
  width: 100%;
}

[TheCCE]

That did it! Thanks very much for your help.

I’m greatly appreciating this theme. It’s done wonders for my sites.

[Author]

Posts