http://www.kriesi.at/support/topic/avisio-slider-caption-block Support Forum - Topic: Avisio Slider Caption Block en-US Wed, 19 Jun 2013 22:32:00 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-104478 Fri, 05 Apr 2013 08:27:14 +0000 v1ncentham 104478@http://www.kriesi.at/support/ <p>Thanks Peter, it works. </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-104469 Fri, 05 Apr 2013 07:47:01 +0000 Dude 104469@http://www.kriesi.at/support/ <p>Hi! </p> <p> Add following code to style.css:</p> <pre><code>#top a .feature_excerpt { text-align: left !important; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-104463 Fri, 05 Apr 2013 06:50:31 +0000 v1ncentham 104463@http://www.kriesi.at/support/ <p>Hey guys, anyone know how to change the slider description to left aligh instead of center now....?<br /> <a href="http://auramas.com.my/wp/" rel="nofollow">http://auramas.com.my/wp/</a> </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-33461 Tue, 29 Nov 2011 18:27:15 +0000 Chris Beard 33461@http://www.kriesi.at/support/ <p>Hey,<br /> it seems to work fine for me - I added it at the bottom of the style1.css file.</p> <p>I used this code to make it look somewhat as you describe it:<br /> <pre><code>.feature_excerpt{width:200px; height:60px;} .sliderheading .cufon { padding: 20px 20px 20px 10px; }</code></pre> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-33366 Mon, 28 Nov 2011 21:09:42 +0000 vlane 33366@http://www.kriesi.at/support/ <p>Hi Chris,</p> <p>Thanks for your input. What I am trying to do on the slides in the slider is to:</p> <p>1. Reduce the height of the transparent box behind the text<br /> 2. Center the slide title vert &amp; horiz within the transparent box.</p> <p>I tried your code, and there is still no change in the position of the title. This can be seen in the first slide, for which "Science" is the slide title: <a href="http://www.sustainability.valiantlane.com" rel="nofollow">http://www.sustainability.valiantlane.com</a>.</p> <p>Either I am not placing the code at the correct place in style.css or there is some other code overriding this in the same file or, perhaps, another file.</p> <p>Does this explanation clarify what I would like to do?</p> <p>Valerie </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-32819 Wed, 23 Nov 2011 03:26:37 +0000 Chris Beard 32819@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'll be honest I skimmed through this post so I'm not 100% certain what we're trying to do here but this worked for me to change the block width and placing of the font:<br /> <pre><code>.feature_excerpt{width:500px;} .sliderheading .cufon { padding: 20px 20px 20px 10px; }</code></pre> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-32744 Tue, 22 Nov 2011 17:01:20 +0000 vlane 32744@http://www.kriesi.at/support/ <p>Dude, thanks. Unfortunately this just doesn't work. There was absolutely no change in the padding around the slide title. There must be something in the file or another file that is overriding this code. </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-32653 Mon, 21 Nov 2011 17:29:20 +0000 Dude 32653@http://www.kriesi.at/support/ <p>You can try to adjust the padding - add following code to style.css and adjust the 4 values (top right bottom left) individually until the text appears centered for you:<br /> <pre><code>.feature_excerpt { padding: 20px 20px 20px 20px; }</code></pre> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-32630 Mon, 21 Nov 2011 14:49:20 +0000 vlane 32630@http://www.kriesi.at/support/ <p>Hi Dude...any more ideas about how to fix this issue? Thanks! </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-32063 Wed, 16 Nov 2011 14:38:20 +0000 vlane 32063@http://www.kriesi.at/support/ <p>That solution removes the description text, but the slider title/caption is still not centered and the shaded block size is still the same. Woo hoo...we're on a code hunt! </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-32061 Wed, 16 Nov 2011 14:32:38 +0000 Dude 32061@http://www.kriesi.at/support/ <p>Ok - a rule on line 447 overwrites your code. Try:</p> <p>.slidercontent {<br /> display: none !important;<br /> } </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-32060 Wed, 16 Nov 2011 14:23:23 +0000 vlane 32060@http://www.kriesi.at/support/ <p>Inserted the code at line 302, didn't work. I also put in some text for the description to see what would happen. You can see the result at <a href="http://www.sustainability.valiantlane.com" rel="nofollow">http://www.sustainability.valiantlane.com</a>. Here is the code:</p> <p>.feature_excerpt{<br /> max-height:200px;<br /> padding:20px;<br /> bottom:0;<br /> display:none;<br /> font-size:13px;<br /> line-height:1.8em;<br /> position:absolute;<br /> width:180px;<br /> z-index:3;<br /> }</p> <p>.slidercontent {<br /> display: none;<br /> }</p> <p>.feature_excerpt_pos_2{<br /> left:0;<br /> }</p> <p>.feature_excerpt_pos_3{<br /> right:0;<br /> }</p> <p>#top div .feature_excerpt .excerpt_button{<br /> display:block;<br /> font-size:24px;<br /> height:auto;<br /> margin-top:35px;<br /> padding:18px 18px 16px;<br /> text-align:center;<br /> width:210px;<br /> } </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-32041 Wed, 16 Nov 2011 12:53:05 +0000 Dude 32041@http://www.kriesi.at/support/ <p>I think the problem is the empty slidercontent div - try to add following code to style.css:</p> <p>.slidercontent {<br /> display: none;<br /> } </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-31975 Tue, 15 Nov 2011 13:30:40 +0000 vlane 31975@http://www.kriesi.at/support/ <p>Hi Dude, thanks for the quick response. The opacity change worked. The changes in height and padding didn't. I changed the height to 200 and padding to 20, but there was absolutely no change. At <a href="http://www.sustainability.valiantlane.com" rel="nofollow">http://www.sustainability.valiantlane.com</a> you can see that the word "Science" in the first slide is not centered and can probably tell that the block itself is not shorter. Any ideas about what's happening? </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-31934 Tue, 15 Nov 2011 07:09:51 +0000 Dude 31934@http://www.kriesi.at/support/ <p>Hey,<br /> you can change the width/max-height in style.css - search for following code:<br /> <pre><code>.feature_excerpt{ max-height:400px; padding:20px 30px 20px; bottom:0; display:none; font-size:13px; line-height:1.8em; position:absolute; width:250px; z-index:3; }</code></pre> <p>To center the text change the padding - i.e. instead of "20px 30px 20px" use "30px" or "20px". The background opacity can be changed in js/custom.js - open up the file and search for:<br /> <pre><code>backgroundOpacity:0.8, // opacity for background</code></pre> <p>You can set the value to something between 0 and 1. </p> http://www.kriesi.at/support/topic/avisio-slider-caption-block#post-31901 Mon, 14 Nov 2011 20:06:59 +0000 vlane 31901@http://www.kriesi.at/support/ <p>I would like to resize the slider caption block, have the title centered in the block, and make the block background more transparent. To resize the block I modified the style.css file as suggested in this thread: <a href="http://www.kriesi.at/support/topic/cleancut-slider-vs-avisio-caption-options#post-10813" rel="nofollow">http://www.kriesi.at/support/topic/cleancut-slider-vs-avisio-caption-options#post-10813</a>. There was no change at all after change the height and width. Can you suggest an alternative that would work to change the size, as well as center the title, and make the background more transparent. Thanks! </p>