How To Change Blockquote Color In Kubrick (editing css)

kuberick theme wordpressKubrick theme comes as default with all new wordpress packages. It is fairly simple and cool theme and is easily customizable.

One of the issue faced by someone was that they were not able to edit the blockquote (quoted text in the posts) color and the small grey line on the left of it etc.

You can do it by simply editing the style.css file in the theme/default folder of your wordpress directory. Or else you can also edit it from appearence > editor from wordpress admin panel (if your file is writable, otherwise it will say:

You need to make this file writable before you can save your changes. See the Codex for more information.

Goto the style.css either way you want and then find this in it: (you can search for only blockquote and it will take you here)

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

here, if you want to change the color of the text in it, simply add color: any-color-here; like this:

blockquote {
color: #ff0000;
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

So this will add red color to it (#ff0000 is hex code for red color)

If you want to change the color of the left line with the quote, change the color value for the border-left and it will change.

Leave a Reply

Your email address will not be published.