Support Forum - Tag: dropcap

Support Forum - Tag: dropcap - Recent Posts http://www.kriesi.at/support/tags/dropcap Support Forum - Tag: dropcap - Recent Posts en-US Sat, 25 May 2013 19:41:15 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php lvablog on "Dropcaps Alignement" http://www.kriesi.at/support/topic/dropcaps-alignement#post-91787 Wed, 16 Jan 2013 00:32:34 +0000 lvablog 91787@http://www.kriesi.at/support/ It worked. Problem solved! Thank you very much! Ismael on "Dropcaps Alignement" http://www.kriesi.at/support/topic/dropcaps-alignement#post-91631 Tue, 15 Jan 2013 03:55:25 +0000 Ismael 91631@http://www.kriesi.at/support/ Hi Ivablog, The only solution I could think of fixing this issue is to add a div with a class of clear after your text, to do this, kindly edit the specific page and change your editor from Visual to HTML and after the dropcap and text add this <code><div class="clear"></div></code> This is an example of how it should look like: <pre><code>[dropcap1]1[/dropcap1]Some Text<div class="clear"></div> [dropcap1]2[/dropcap1]Some Text<div class="clear"></div> [dropcap1]3[/dropcap1]Some Text<div class="clear"></div> [dropcap1]4[/dropcap1]Some Text<div class="clear"></div></code></pre> Hope this helps. :) Regards, Ismael lvablog on "Dropcaps Alignement" http://www.kriesi.at/support/topic/dropcaps-alignement#post-91602 Tue, 15 Jan 2013 01:23:50 +0000 lvablog 91602@http://www.kriesi.at/support/ I am using drop caps in these pages: <a href="http://lumenveritatis.ca/donate/" rel="nofollow">http://lumenveritatis.ca/donate/</a> <a href="http://lumenveritatis.ca/contact/career-opportunities/" rel="nofollow">http://lumenveritatis.ca/contact/career-opportunities/</a> The numbers are cascading instead of being aligned. Is there a way to fix that? thoddi on "Dropcap color" 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/ Great. Works perfectly:-) Thanks! Devin on "Dropcap color" 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/ Hey thoddi, Add a height attribute to the dropcap with: <code>height: 38px;</code> so that it limits how tall the element is. thoddi on "Dropcap color" 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/ Brilliant. I also removed the pagination as I just want to have the colored circles reflecting the logo symbols. 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. <a href="http://artmusicmoments.com/beta/" rel="nofollow">http://artmusicmoments.com/beta/</a> Dude on "Dropcap color" 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/ Hey! Try to add following css code to css/custom.css: <pre><code>.dropcap1 { font-size: 24px; text-align: center; width: 38px; }</code></pre> Best regards, Peter thoddi on "Dropcap color" 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/ 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:-) Could you please have a look and shed a little light on what I might do to fix it? <a href="http://artmusicmoments.com/beta/" rel="nofollow">http://artmusicmoments.com/beta/</a> .dropcap2, .dropcap3{ background-image: url("../images/skin1/reverse-dropcap.png"); } .dropcap3{ color:#fff; background-color: #000; } .dropcap1{ background-image: url("../images/skin1/reverse-dropcap.png"); } .dropcap1{ color:#fff; background-color: #703b90; } .dropcap1, .dropcap2, .dropcap3, .pagination a, .pagination a:hover{ color:#fff; } Devin on "Dropcap color" 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/ Hi thoddi, Sure! The easiest way to do this would be to overwrite the current other dropcap styles. Add the following style to your custom.css or Quick CSS and then modify to fit your needs: <pre><code>.dropcap1 { } .dropcap2 { } .dropcap3 { }</code></pre> thoddi on "Dropcap color" 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/ Hi, I'd love to able to create three different colored, round shaped dropcaps. IS it possible to have something like; [dropcap1]RED color[/dropcap1] [dropcap2]GREEN color[/dropcap2] [dropcap3]BLUE color[/dropcap3] gobigfoot on "dropcap shortcode" http://www.kriesi.at/support/topic/dropcap-shortcode#post-40097 Sat, 04 Feb 2012 08:41:51 +0000 gobigfoot 40097@http://www.kriesi.at/support/ Please post a link to your website. The dropcaps are simply floated inside the paragraph. You could do something like this. <pre><code>My dropcaps are better than yours. custom.css p.containsdropcap{padding-left:35px;} p.containsdropcap dropcap1{position:absolute;left:0;}</code></pre> I couldn't find an easier solution to expand a floated item to the size of its parent. nancygyes on "dropcap shortcode" http://www.kriesi.at/support/topic/dropcap-shortcode#post-39021 Sat, 28 Jan 2012 02:01:07 +0000 nancygyes 39021@http://www.kriesi.at/support/ Two things. I need the text after the dropcap to NOT FLOw under the dropcap. and what causes a one fourth column setup overflow. too much text, right? terryd, nancygyes' web weasel Dude on "Use image with .dropcap2" http://www.kriesi.at/support/topic/use-image-with-dropcap2#post-8975 Tue, 16 Nov 2010 08:06:57 +0000 Dude 8975@http://www.kriesi.at/support/ Please open header.php and find following code: <pre><code>$applyBackgroundColorTo = 'div .dropcap2, div .dropcap3, div .dynamicBg, body .boxed, div .button, #top div .pagination a:hover';</code></pre> change it to: <pre><code>$applyBackgroundColorTo = 'div .dynamicBg, body .boxed, div .button, #top div .pagination a:hover';</code></pre> farmboymac on "Use image with .dropcap2" http://www.kriesi.at/support/topic/use-image-with-dropcap2#post-8963 Mon, 15 Nov 2010 22:22:56 +0000 farmboymac 8963@http://www.kriesi.at/support/ I want to get rid of the standard circular background color used in the .dropcap2 style and instead insert an image (a starburst in this instance). My attempts to add an image URL are apparently being overridden. What do I need to modify?