Hi
I really like the coloured capital “I” and the style of the pink quote on the Wedding News About Me page. How do I make those styles? I have been browsing the drop down lists Shortcode and Format, but cannot find it. When I use the Quote choice in the drop down list Format, the result is different.
http://www.ladiesabroad.se/about-us-page.html
Thanks
Hi,
The capital letter is a dropcap: https://www.youtube.com/watch?v=VIND8uYXMnk (mark 2:20)
As for the color, post elements grab the theme accent color: http://screencast.com/t/1nz7LA5CRss
The blockqopte color can be set separately from here: http://screencast.com/t/ChmofAOcHWC3
But the dropcap can be targeted with css if you want to change it’s color:
.dropcap{
color:#f49586!important;
}
You can add the code in the theme panel->custom css code
Thank you!
Hi
Thanks a lot, got the dropcap thing.
I now use the bold/box choice, but I find the capital letter being a little bit far from the text following the capital letter (right of the letter). Is it possible to do CSS changes to make the space half of the default value?
Hi,
Try this code:
.td-page-content .dropcap3, .td-post-content .dropcap3, .wpb_text_column .dropcap3, .td_block_text_with_title .dropcap3, .bbpress .dropcap3, .woocommerce #tab-description .dropcap3, .mce-content-body .dropcap3, .comment-content .dropcap3{
margin:0!important;
}
Thanks.
The last change work perfect, thanks.
Previous I got a CSS-change to det the dropcap colour to the pink colour which is my Theme Accent Colour now. Is it possible to set the dropcap colour to the same as my Theme Accent Colour insted of the colour i use right now, using CSS-changes? I do not want to change all posts manually if I change theme accent colour.
I also have a question which would be a bonus for me. In addition to the dropcap I also mark the words following the dropcap in bald uppercase letters in the same colour. Is it somehow possible to do this automatically as well?
http://www.ladiesabroad.se/2016/08/airbnb-lagenheten-inte-ar-som-beskrivet.html
Thanks from Lena
Hello – not sure if this is the same thing, but my Accent Color is set, but this is not the color that appears with Drop Caps.
Is it necessary to add/edit the css – or is there a setting/re-fresh that I am missing to change the default Drop Cap colour?
Thanks…
C.
The text above says “The blockqopte color can be set separately from here: http://screencast.com/t/ChmofAOcHWC3”. I have set that one to the same as my Theme Accent Colour, but the dropcap still gets gray. One CSS changed changed my dropcap colour permanently.
Hi,
If you want to handle the dropcap color from the theme panel, you should remove any custom code that mentions ‘dropcap’. This way, you can use the theme panel drop cap color without it being rewritten by custom code.
For the bonus question, there is no automatic way of doing it, but you can use a span element and simply wrap the preferred text in it. You can use this code for example:
<span style="color:#FF0000; text-transform:uppercase;">my text here</span>
There is no simple way of doing it automatically.
Thank you!
The code I got above works fine, but I need the text to be both uppercase and bald. I have tried to change it myself to make it bald, but did not really succeed.
Thanks.
Hi,
Try this code:
<span style="color: #ff0000; text-transform: uppercase; font-weight:bold;">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. </span>
The text is both bold and uppercase as well as colored red.
http://screencast.com/t/4gWmbrYo9XXf
Thank you!
