http://www.kriesi.at/support/topic/how-do-i-lower-the-transparent-border-on-the-slideshow Support Forum - Topic: How do I lower the transparent border on the slideshow? en-US Sat, 25 May 2013 00:57:15 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-do-i-lower-the-transparent-border-on-the-slideshow#post-7968 Fri, 29 Oct 2010 15:30:06 +0000 Dude 7968@http://www.kriesi.at/support/ <p>Glad that I could help you. </p> http://www.kriesi.at/support/topic/how-do-i-lower-the-transparent-border-on-the-slideshow#post-7953 Fri, 29 Oct 2010 12:14:03 +0000 JohannaW 7953@http://www.kriesi.at/support/ <p>Great, I was able to solve it! Thank you. </p> http://www.kriesi.at/support/topic/how-do-i-lower-the-transparent-border-on-the-slideshow#post-7946 Fri, 29 Oct 2010 08:34:35 +0000 Dude 7946@http://www.kriesi.at/support/ <p>As far as I know the high of this field is generated dynamically by the javascript as soon as you hover over it - the field high depends on the text (more text needs more space). So you can try several things:</p> <p>1) Reduce the excerpt content. </p> <p>2) You can change the font size of the header and/or the excerpt text size. You can also change the line high.</p> <p>The font size/line high can be changed in style.css:<br /> <pre><code>#top .feature_excerpt{ width:660px; position: absolute; display: block; bottom: 0; left:0; z-index: 3; padding:10px 20px; font-size: 11.5px; line-height:1.5em; cursor: pointer; }</code></pre> <p>the slider heading size can be changed in style.css too,</p> <pre><code>#top .sliderheading{ display:block; font-size: 26px; }</code></pre> <p>Maybe it's possible to hack the javascript process but obviously that's more difficult. </p> http://www.kriesi.at/support/topic/how-do-i-lower-the-transparent-border-on-the-slideshow#post-7895 Thu, 28 Oct 2010 08:15:45 +0000 JohannaW 7895@http://www.kriesi.at/support/ <p>Thank you so much!<br /> That part of the style.ccs-code looked like this for me (no "height"-row):</p> <p>#top .feature_excerpt{<br /> width:660px;<br /> position: absolute;<br /> display: block;<br /> bottom: 0;<br /> left:0;<br /> z-index: 3;<br /> padding:10px 20px;<br /> font-size: 11.5px;<br /> line-height:1.5em;<br /> cursor: pointer;<br /> }</p> <p>I tried adding </p> <p>height:60px;<br /> }</p> <p>directly below #top .feature_excerpt{, but that only made the white border disappear completely. Then I removed the } -sign and it worked!</p> <p>However, when I hoover witht the pointer over a particular post in the slide, the text that appears from the beginning of the post shows higher up than the border. Can this be fixed somehow? </p> http://www.kriesi.at/support/topic/how-do-i-lower-the-transparent-border-on-the-slideshow#post-7893 Thu, 28 Oct 2010 07:26:05 +0000 Dude 7893@http://www.kriesi.at/support/ <p>Just change #top .feature_excerpt height in style.css like:<br /> <pre><code>#top .feature_excerpt{ height:100px; }</code></pre> <p>to<br /> <pre><code>#top .feature_excerpt{ height:60px; }</code></pre> http://www.kriesi.at/support/topic/how-do-i-lower-the-transparent-border-on-the-slideshow#post-7842 Wed, 27 Oct 2010 11:52:02 +0000 JohannaW 7842@http://www.kriesi.at/support/ <p>I am using the Newscast Accordion slider which I have resized so that it is smaller than usual. However, the white/transparent border (that the topics for the latest posts show up on) is too high. I understand that this could be a hard coded thing that would be difficult for me to change myself. But still, is there anyway for me to lower the border in the usual code?</p> <p><a href="http://www.barnsrattigheter.com" rel="nofollow">http://www.barnsrattigheter.com</a> </p>