http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 20 Jun 2013 03:19:05 +0000 http://themeshaper.com/forums/topic/kwicks-dont-work#post-26763 Wed, 02 May 2012 15:14:29 +0000 sowingseeds 26763@http://themeshaper.com/forums/ <p>Do you have kwicks successfully loaded? Try page source and see if the script is present. This is not a Thematic specific issue: you will load through functions.php... and maybe a live link would help. I have had kwicks successfully working on a Thematic site. </p> http://themeshaper.com/forums/topic/kwicks-dont-work#post-26753 Wed, 02 May 2012 06:03:27 +0000 helgatheviking 26753@http://themeshaper.com/forums/ <p>what the heck is a kwick? sounds like it has zero to do with thematic, so you're asking in the wrong place. </p> http://themeshaper.com/forums/topic/kwicks-dont-work#post-26752 Wed, 02 May 2012 05:53:17 +0000 Anouk_86 26752@http://themeshaper.com/forums/ <p>Hi All,</p> <p>I also have a problem with kwicks on the main page. They don't slide open, just stay closed. As Im not familiar with this and I can't find a solution on the internet, can anyone help me please?</p> <p>HTML FILE<br /> ____________________________________<br /> <pre><code>&lt;div class=&quot;main-bg&quot;&gt; &lt;div class=&quot;main&quot;&gt; &lt;!-- content --&gt; &lt;section id=&quot;content&quot;&gt; &lt;div class=&quot;main-2 ident-bot-11&quot;&gt; &lt;div class=&quot;wrapper ident-bot-3&quot;&gt; &lt;div class=&quot;fl-l ident-right-2&quot;&gt; &lt;ul class=&quot;kwicks horizontal&quot; &gt; &lt;li id=&quot;kwick_1&quot;&gt; &lt;div class=&quot;kwick-box-1&quot;&gt; &lt;div class=&quot;kwick-bg-1&quot;&gt; &lt;div class=&quot;fl-l&quot;&gt; &lt;p class=&quot;kwick-slogan-1&quot;&gt;hope&lt;/p&gt; &lt;p class=&quot;kwick-slogan-2&quot;&gt;for peace&lt;/p&gt; &lt;/div&gt; &lt;a href=&quot;#&quot;&gt;more info&lt;/a&gt; &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;li id=&quot;kwick_2&quot;&gt; &lt;div class=&quot;kwick-box-1&quot;&gt; &lt;div class=&quot;kwick-bg-2&quot;&gt; &lt;div class=&quot;fl-l&quot;&gt; &lt;p class=&quot;kwick-slogan-1&quot;&gt;save&lt;/p&gt; &lt;p class=&quot;kwick-slogan-2&quot;&gt;the earth&lt;/p&gt; &lt;/div&gt; &lt;a href=&quot;#&quot;&gt;more info&lt;/a&gt; &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;li id=&quot;kwick_3&quot;&gt; &lt;div class=&quot;kwick-box-1&quot;&gt; &lt;div class=&quot;kwick-bg-3&quot;&gt; &lt;div class=&quot;fl-l&quot;&gt; &lt;p class=&quot;kwick-slogan-1&quot;&gt;help&lt;/p&gt; &lt;p class=&quot;kwick-slogan-2&quot;&gt;those in need&lt;/p&gt; &lt;/div&gt; &lt;a href=&quot;#&quot;&gt;more info&lt;/a&gt; &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> <p>CSS FILE<br /> ________________________________<br /> <pre><code>.kwicks { /* recommended styles for kwicks ul container */ list-style: none; position: relative; margin-top: 20px; padding: 0; } .kwicks li{ /* these are required, but the values are up to you (must be pixel) */ width: 209px; height: 515px; /*do not change these */ display: block; overflow: hidden; padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ } .kwicks.horizontal li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ float: left; border-left: 1px solid #fff; } .kwicks.horizontal li:first-child { border-left: none; } #kwick_1 { background: url(&#39;../images/kwick-slide-1.png&#39;) no-repeat; } #kwick_2 { background: url(&#39;../images/kwick-slide-2.png&#39;) no-repeat; } #kwick_3 { background: url(&#39;../images/kwick-slide-3.png&#39;) no-repeat; } .kwick-box-1 { position:absolute; left:0; bottom: 0; width: 629px; color:#fafafa; text-transform: uppercase; } .kwick-bg-1 { background: #ff5241; padding: 16px 0 27px 0; } .kwick-bg-2 { background: #ededeb; padding: 16px 0 27px 0; } .kwick-bg-3 { background: url(&#39;../images/main-bg.jpg&#39;); padding: 16px 0 27px 0; } .kwick-slogan-1 { font: 70px/84px &#39;Francois One&#39;, sans-serif; letter-spacing: -1px; padding-left: 19px; } .kwick-slogan-2 { font: 23px/28px &#39;Oswald&#39;, sans-serif; letter-spacing: -1px; margin-top: -15px; padding-left: 23px; } .kwiks-button { font: 25px/56px &#39;Francois One&#39;, sans-serif; color:#fff; text-transform: uppercase; letter-spacing: -1px; padding: 0 20px; background: url(&#39;../images/kwiks-button.png&#39;); margin-top: 26px; margin-right:39px; } .kwiks-button:hover { color:#504257; }</code></pre> <p>I also have additional javascript files, just let me know if you also need to check out these ones. Thanks a lot! </p>