Customizing quote post hive theme

ldnlifeandstyle · Member · Jun 22, 2015 at 10:01 pm
Copy link

Add topic to favorites
Hi, Is that possible to customize the quote post format (Hive theme9? I’d like to change the title color and the —–“—— (line and quotation mark ) colour, displayed above the quote.
Thanks in advance
Bee

The blog I need help with is: (visible only to logged in users)
chaitanyamsv · Staff · Jun 23, 2015 at 9:07 am
Copy link
We can try using CSS.

Could you confirm that you have Custom Design upgrade which is needed to add custom CSS.
ldnlifeandstyle · Member · Jun 23, 2015 at 10:45 am
Copy link
Yes, I do.
Thanks, @chaitanyamsv

kathrynwp · Staff · Jun 23, 2015 at 6:43 pm

I think this should do the trick:

.content-quote blockquote::before {
  color: #bb00bb;
}
.content-quote blockquote::after {
  background-color: #bb00bb;
  box-shadow: 5.5em 0 0 #bb00bb;
}

Of course replace the purple with whatever colour quote you like!

ldnlifeandstyle · Member · Jun 23, 2015 at 8:09 pm
Copy link
Thank you, @kathrynwp It works.
What if I decide to change the background color,instead?

If I do to not set up a feature imagine, it displays the quote in white font over a grey background. Can I change this color, as well?
Many thanks
kathrynwp · Staff · Jun 23, 2015 at 9:27 pm
Copy link
What if I decide to change the background color,instead?

You can change the background of the quote posts like this:
```
.content-quote {
    background: rgba(51, 102, 204, 0.2) none repeat scroll 0 0;
}
```
You’ll need the RGB value of your colour, and you can change 0.2 to whatever opacity you like, where 0.1 is least opaque and 1 is completely opaque.

Let me know how it goes.

The topic ‘Customizing quote post hive theme’ is closed to new replies.

WordPress.com forums

Customizing quote post hive theme