Cant Change Blockquote Font and Text Size

No matter what I do I cannot change the blockquote font size or font color. I can change everything else, but not the font size or color. I have tried several different blockquote styles, but always with the same result, font color and size will not change. Any help in solving my dilemma would be greatly appreciated.

Below is my Custom CSS.

/* En/* Enter Your Custom CSS Here */
body {
    font-size: 16px;
}

.entry-content img {background:#FFF; border:2px solid #CCC; padding:4px; margin:7px; }
.entry-content img:hover {background: #C8C8C8; }
.entry-content img.reflect {background: #FFF; border:0px; }
ul.related_post li img {background:#FFFFFF; border:2px solid #CCC; padding:3px; }
.widgets-list-layout .widgets-list-layout-blavatar {background:#FFFFFF; border:1px solid #CCC; padding:2px; }
.recent-posts-widget-with-thumbnails ul li img {background:#FFFFFF; border:1px solid #CCC; padding:2px; } 
.site-content .gallery a img{background:#FFFFFF; border:1px solid #CCC; padding:3px; }
.site-content .gallery a img:hover {background: #C8C8C8; }
.textwidget {
 text-align: center;
}
.ads { text-align: center; }
.single-attachment header.entry-header .entry-meta a:last-child {
    color: #62A0AE;
}
.single-attachment header.entry-header .entry-meta a:last-child:hover {
    color: #000000;
}
.single-attachment header.entry-header .entry-meta a:last-child {
    font-weight: bold;
}
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wc-comment-author {
font-family: "Open Sans Condensed", Times, serif;
text-transform: uppercase;
}
.entry-content {
  text-align: center;
}
.entry-summary {
  text-align: center;
}

.entry-content h2 {
    font-family: Lora;
    font-size: 13px;
	font-size: 1rem;
    color: #959595;
    font-weight: normal;
    font-style: italic;
    text-align: center;
	}

.logged-in .se-edit-post::before {
    color: #d6d6d6;
    content: "/";
    margin: 0 0 0 8px;
    padding: 0 6px 0 0;
}

.gallery-2 img {
    float: center;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

blockquote {
 max-width: 600px;
 margin: 20px;
 padding: 10px;
 text-align: center;
 font-family: sans-serif;
 font-size: 0.625em;
 color: #7f7f7f;
 border-left: 6px solid #62A0AE;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
}

.footnotes {
  font-size: 85%;
  line-height: 1.5em;
  padding: 10px 0 10px 0;
}

.footnotes .footnotedivider {
  width: 120px;
  border-bottom: 1px solid #ccc;
}

.footnotes li {
  margin: 0 0 5px 0;
}

sup.footnote a {
  text-decoration: none;
  font-size: 80%;
}

sup.footnote {
  line-height: 0em;
}

div#comments img.avatar {
    border-radius: 50%;
}

.footnotereverse a {
  padding: 0 0 0 5px;
  text-decoration: none;
}

input[type="submit"] {
    font-size: 12px;
}

.entry-title {
    font-size: 1.3rem !important;
}

#main-navigation li a {
    font-size: 1em !important;
}

.widget-title {
    font-size: 1em !important;
}

.entry-title a:hover {
    color: #333;
}
.entry-title a {
    color: #1FA0AE;
}


Hi there,

Here is the CSS code for blockquote:

blockquote p {
    font-size: 28px;
    color: green;
}

Regards,
Awan

Thank you. :slight_smile:

While this new code did indeed solve my problem, it created another. For some reason there is a grey colored bordered on the left side of the blockquote.

Image here...

View live example here: http://brownsista.com/gabrielle-union-and-taraji-p-henson-for-w/

Hi,

So you want to remove the left border? Then, here is the CSS code:

blockquote {
    border: none;
}

Regards,
Awan

Thank you, that worked perfectly :slight_smile: