http://www.kriesi.at/support/topic/dropcap-color Support Forum - Topic: Dropcap color en-US Fri, 24 May 2013 04:19:08 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/dropcap-color#post-45123 Thu, 08 Mar 2012 11:46:13 +0000 thoddi 45123@http://www.kriesi.at/support/ <p>Great. Works perfectly:-)</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/dropcap-color#post-45030 Wed, 07 Mar 2012 20:35:46 +0000 Devin 45030@http://www.kriesi.at/support/ <p>Hey thoddi,</p> <p>Add a height attribute to the dropcap with:<br /> <code>height: 38px;</code> </p> <p>so that it limits how tall the element is. </p> http://www.kriesi.at/support/topic/dropcap-color#post-44959 Wed, 07 Mar 2012 10:24:56 +0000 thoddi 44959@http://www.kriesi.at/support/ <p>Brilliant. I also removed the pagination as I just want to have the colored circles reflecting the logo symbols.</p> <p>If you have a look now, you'll see a tiny line under dropcap 1... Any chance to get rid of that? If I reduce the width to 37px or less, the circle will be cut on the right side... If I go up to 40px there will be a similar line outside the circle on the right side.</p> <p><a href="http://artmusicmoments.com/beta/" rel="nofollow">http://artmusicmoments.com/beta/</a> </p> http://www.kriesi.at/support/topic/dropcap-color#post-44920 Wed, 07 Mar 2012 06:48:39 +0000 Dude 44920@http://www.kriesi.at/support/ <p>Hey! </p> <p> Try to add following css code to css/custom.css:<br /> <pre><code>.dropcap1 { font-size: 24px; text-align: center; width: 38px; }</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/dropcap-color#post-44820 Tue, 06 Mar 2012 08:14:20 +0000 thoddi 44820@http://www.kriesi.at/support/ <p>Thanks. I notice that the shortcodes.css for this theme hasn't got any code about dropcaps but I found that the code for dropcaps is in the light-skin.css for this theme. So what I have done now is to add this code under here into the custom.css... But dropcap 1 looks a bit odd:-)</p> <p>Could you please have a look and shed a little light on what I might do to fix it?<br /> <a href="http://artmusicmoments.com/beta/" rel="nofollow">http://artmusicmoments.com/beta/</a></p> <p>.dropcap2, .dropcap3{<br /> background-image: url("../images/skin1/reverse-dropcap.png");<br /> }</p> <p> .dropcap3{<br /> color:#fff;<br /> background-color: #000;</p> <p> }</p> <p> .dropcap1{<br /> background-image: url("../images/skin1/reverse-dropcap.png");</p> <p> }</p> <p> .dropcap1{<br /> color:#fff;<br /> background-color: #703b90;</p> <p> }</p> <p> .dropcap1, .dropcap2, .dropcap3, .pagination a, .pagination a:hover{<br /> color:#fff;<br /> } </p> http://www.kriesi.at/support/topic/dropcap-color#post-44289 Thu, 01 Mar 2012 21:07:03 +0000 Devin 44289@http://www.kriesi.at/support/ <p>Hi thoddi,</p> <p>Sure! The easiest way to do this would be to overwrite the current other dropcap styles.</p> <p>Add the following style to your custom.css or Quick CSS and then modify to fit your needs:<br /> <pre><code>.dropcap1 { } .dropcap2 { } .dropcap3 { }</code></pre> http://www.kriesi.at/support/topic/dropcap-color#post-43666 Mon, 27 Feb 2012 14:54:29 +0000 thoddi 43666@http://www.kriesi.at/support/ <p>Hi, I'd love to able to create three different colored, round shaped dropcaps. IS it possible to have something like;</p> <p>[dropcap1]RED color[/dropcap1]<br /> [dropcap2]GREEN color[/dropcap2]<br /> [dropcap3]BLUE color[/dropcap3] </p>