Change appearance of blockquote (Minion)

Joke Craeghs
asked 10 years ago

Hi, first of all: Thank you for this beautiful theme! But now my problem 😉
I would like to change the appearance of

. I tried almost everything: add css to style.css, change css in main.css, … but nothing works. Seems like you "hard-coded" some css in the page when a color is chosen. My site needs to have h1 – h6 –> font-family "Josefin Sans", but for the blockquote I want it to be a script font. Now it is also "Josefin". I chose the blue color for my site, so the blockquote background is blue. I would like it to be orange. Where can I adjust the settings for blockquote, please.
Another question: Is it possible to center the logo image? I tried margin-left: auto; margin-right:auto in the "custom code" section (header code). But this did not change anything to the position of my logo.

1 Answers

DominicStaff
answered 10 years ago

Hi,

If you want to change the font family & background of the blockquote, you can add the following code to the wp-content -> themes -> dw-minion -> style.css file:

blockquote p {
  background: #...;
  color: #fff;
  font-family: .....;
}

Note: You can find here for the document guide on how to use google font: http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/

About the logo image, you can send me your site for further checking.

Hope this helps !

jootje
replied 10 years ago

Thanks for the quick reply, but it won’t work. I already added blockquote p {} to style.css but it gets overwritten by the template: http://prntscr.com/7k9aqg
I’m sorry but my site resides on localhost for the moment. How can I send you extra info for the logo? It’s just like on your demo site: http://demo.designwall.com/dw-minion/ –> a circle png, but I want it to be centered in the left column (#navigation).
Tried adding these, but it doesn’t work:
.display-logo a img {
margin-left: auto;
margin-right: auto;
}
.site-nav-inner img {
margin-left: auto;
margin-right: auto;
}

dominic Staff
replied 10 years ago

Have you tried:

blockquote p {
  background-color: #ff8400 !important;
  color: #fff;
  text-align: center;
  font-family: 'La Belle Aurore' cursive !important;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 10px;
}

About the logo issue, you can add the following code to the style.css file:

#navigation .site-title {
  text-align: center;
}

Hope this helps !

jootje
replied 10 years ago

I’m not a big fan of using !important, but it worked. So thank you very much. Also for help with centering the logo.