http://www.kriesi.at/support/tags/shadow Support Forum - Tag: shadow - Recent Posts en-US Fri, 24 May 2013 12:54:37 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/background-shadow#post-80970 Thu, 25 Oct 2012 02:28:50 +0000 Devin 80970@http://www.kriesi.at/support/ <p>Hey wonk45,</p> <p>Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:<br /> <pre><code>#main{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }</code></pre> <p>That should do it :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/background-shadow#post-80937 Wed, 24 Oct 2012 22:13:25 +0000 wonk45 80937@http://www.kriesi.at/support/ <p>Hello, I am trying to disable the shadow framing the background on the flagship wp theme. I have the background set to white and would like a more clean, seamless appearance. Here is a link to the site, <a href="http://www.witheasedemosite.com/GreensFirst" rel="nofollow">http://www.witheasedemosite.com/GreensFirst</a>. </p> http://www.kriesi.at/support/topic/angular-make-slideshow-cast-drop-shadow#post-76682 Thu, 20 Sep 2012 14:33:06 +0000 Ismael 76682@http://www.kriesi.at/support/ <p>Hi mebebrown,</p> <p>Try to use this code:<br /> <pre><code>.boxed #wrap_all { -moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px#888; box-shadow: 0 0 5px 5px #888; }</code></pre> <p>Hope this helps. Just adjust it a little bit and also the color.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/angular-make-slideshow-cast-drop-shadow#post-76621 Wed, 19 Sep 2012 20:54:18 +0000 mebebrown 76621@http://www.kriesi.at/support/ <p>Hello! I'm looking for the same thing, and I added the code you have above:<br /> .boxed #wrap_all {<br /> -moz-box-shadow: 4px 4px 4px #000;<br /> -webkit-box-shadow: 4px 4px 4px #000;<br /> box-shadow: 4px 4px 4px #000;<br /> }</p> <p>It just gives a shadow on the right (like a drop shadow). Can you please tell me how to make that go all the way around?<br /> Thanks so much! </p> http://www.kriesi.at/support/topic/shadows-on-portfolio-items#post-75669 Thu, 13 Sep 2012 02:47:11 +0000 Ismael 75669@http://www.kriesi.at/support/ <p>Hi redwood,</p> <p>Glad that Devin helped you. :) I have marked this as resolved.</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/shadows-on-portfolio-items#post-75633 Wed, 12 Sep 2012 20:12:16 +0000 redwood 75633@http://www.kriesi.at/support/ <p>Hey Devin,<br /> Perfect! I owe you a beer!</p> <p>Keep on going with this great service!</p> <p>Regards,<br /> Redwood </p> http://www.kriesi.at/support/topic/shadows-on-portfolio-items#post-75615 Wed, 12 Sep 2012 18:41:46 +0000 Devin 75615@http://www.kriesi.at/support/ <p>Hi redwood,</p> <p>You can get something very close to that by adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:</p> <pre><code>.portfolio-sort-container .post-entry { -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa; background: none repeat 0 0 #F8F8F8; border-top:1px solid #eee; margin-bottom: 10px; } .portfolio-sort-container .post-entry.first { margin-left: 1px } .post-entry.one_fourth { width: 21.5%; } .portfolio-sort-container .post-content { padding: 6px; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/shadows-on-portfolio-items#post-75308 Mon, 10 Sep 2012 22:24:45 +0000 redwood 75308@http://www.kriesi.at/support/ <p>I would like to have a nice shadow around the portfolio-items on this page:<br /> <a href="http://www.kriesi.at/themes/propulsion/template-files/portfolio-4-columns/" rel="nofollow">http://www.kriesi.at/themes/propulsion/template-files/portfolio-4-columns/</a></p> <p>On the next page there is an example of what i trying to archieve:<br /> <a href="http://www.kriesi.at/themes/velvet/portfolio/" rel="nofollow">http://www.kriesi.at/themes/velvet/portfolio/</a></p> <p>It doesn't have to be 100% like on the Velvet theme, that just to give you guys an idea.</p> <p>Thanks in advance </p> http://www.kriesi.at/support/topic/add-shadow-to-aviaslider-fullwidth#post-73420 Wed, 29 Aug 2012 06:27:24 +0000 Dude 73420@http://www.kriesi.at/support/ <p>Yes - you can add a shadow to fullsize slideshows. Other slideshows don't support shadows. Add following code to css/custom.css to activate the shadows:<br /> <pre><code>.slideshow_fullsize .bottom_shadow { background: url(&quot;../images/skin-minimal/shadow-featured.png&quot;) no-repeat scroll left top transparent; bottom: -5px; height: 11px; left: -12px; position: absolute; width: 954px; z-index: 1; }</code></pre> http://www.kriesi.at/support/topic/add-shadow-to-aviaslider-fullwidth#post-73353 Tue, 28 Aug 2012 23:43:19 +0000 boeellis 73353@http://www.kriesi.at/support/ <p>Friends... Forgive me for not being able to find an answer in the forum, but is it possible to add a shadow under the Aviaslider in Corona? If so, can you help me figure that out? Thanks in advance for you help. </p> http://www.kriesi.at/support/topic/add-shadow-to-aviaslider-fullwidth#post-73031 Mon, 27 Aug 2012 13:57:15 +0000 boeellis 73031@http://www.kriesi.at/support/ <p>Guys - thanks in advance for helping me with the code to add a shadow under the Aviaslider (Fullwidth)... </p> http://www.kriesi.at/support/topic/angular-make-slideshow-cast-drop-shadow#post-50297 Fri, 06 Apr 2012 03:14:12 +0000 Devin 50297@http://www.kriesi.at/support/ <p>Hey! </p> <p>Glad that worked for you. You can add the following as well and adjust the values to get the effect you are going for. I'll include a link at the end with some additional helpful info:</p> <pre><code>.boxed #wrap_all { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; }</code></pre> <p>Box shadow with css: <a href="http://css-tricks.com/snippets/css/css-box-shadow/" rel="nofollow">http://css-tricks.com/snippets/css/css-box-shadow/</a></p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/add-shadow-to-portfolio-items-in-corona#post-49952 Wed, 04 Apr 2012 12:20:00 +0000 Dude 49952@http://www.kriesi.at/support/ <p>Hi! </p> <p> Great :) </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/add-shadow-to-portfolio-items-in-corona#post-49944 Wed, 04 Apr 2012 11:05:51 +0000 Talentfarm 49944@http://www.kriesi.at/support/ <p>Hi Peter!</p> <p>Wow! It works! Perfect!!</p> <p>Thanks a lot!!</p> <p>Regards,<br /> Manuel </p> http://www.kriesi.at/support/topic/angular-make-slideshow-cast-drop-shadow#post-49936 Wed, 04 Apr 2012 09:34:08 +0000 dcambrand 49936@http://www.kriesi.at/support/ <p>Thanks for the tip. Will definitely check that out!</p> <p>Speaking of drop shadows. I am going for a boxed layout rather than the stretched one, and I wonder if there's any way of adding a drop shadow to the box? This site is using a good example of that: <a href="http://www.freelancer.com/" rel="nofollow">http://www.freelancer.com/</a></p> <p>Thank you for the quick support, wonderful to see the ongoing task to serve customers.</p> <p>ps.<br /> If you haven't noticed yet, I'm a complete noob in regards to .css or anything more advanced than creating simple html in a notepad ;) </p> http://www.kriesi.at/support/topic/add-shadow-to-portfolio-items-in-corona#post-49732 Tue, 03 Apr 2012 14:15:13 +0000 Dude 49732@http://www.kriesi.at/support/ <p>Hey! </p> <p> Sure try following code:<br /> <pre><code>#top .template-portfolio-overview .slideshow { box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/add-shadow-to-portfolio-items-in-corona#post-49697 Tue, 03 Apr 2012 10:06:37 +0000 Talentfarm 49697@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>thank you very much! It works!</p> <p>There's only a problem. Is it possible to add shadow effect only to portfolio items and not to slideshow?</p> <p>Thanks a lot!</p> <p>Regards,</p> <p>Manuel </p> http://www.kriesi.at/support/topic/angular-make-slideshow-cast-drop-shadow#post-49585 Mon, 02 Apr 2012 19:15:18 +0000 Devin 49585@http://www.kriesi.at/support/ <p>Hi dcambrand,</p> <p>You can try adding the following to your Quick CSS or custom.css and adjust to your liking :)<br /> #top .slideshow {<br /> -moz-box-shadow: 3px 3px 4px #000;<br /> -webkit-box-shadow: 3px 3px 4px #000;<br /> box-shadow: 3px 3px 4px #000;<br /> }</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/add-shadow-to-portfolio-items-in-corona#post-49484 Mon, 02 Apr 2012 06:24:27 +0000 Ismael 49484@http://www.kriesi.at/support/ <p>Hello Guys,</p> <p>You can use this snippet. :)</p> <pre><code>#top .slideshow { box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; }</code></pre> <p>You can always experiment to get the desired results. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/add-shadow-to-portfolio-items-in-corona#post-49394 Sun, 01 Apr 2012 16:25:28 +0000 colorit2 49394@http://www.kriesi.at/support/ <p>that's a good idea, would be interested, too. </p> http://www.kriesi.at/support/topic/angular-make-slideshow-cast-drop-shadow#post-49289 Sat, 31 Mar 2012 04:48:11 +0000 dcambrand 49289@http://www.kriesi.at/support/ <p>Hey I'm looking through the CSS to see if I could add some Drop Shadow or possibly Floor Reflections to the Slideshow of the Angular theme. Others have asked the same about other themes but I can't seem to find the same files in this theme.</p> <p>As 1 additional query, 1: is it possible in Angular to only view the Footer on the front page? This has been asked for other themes as well but with solutions not applicable to Angular.</p> <p>You can check out my site @ <a href="http://www.cambranddesigns.com" rel="nofollow">http://www.cambranddesigns.com</a></p> <p>Regards </p> http://www.kriesi.at/support/topic/add-shadow-to-portfolio-items-in-corona#post-49287 Sat, 31 Mar 2012 02:01:42 +0000 Talentfarm 49287@http://www.kriesi.at/support/ <p>Hi!</p> <p>I'd like to add a shadow to portfolio items in corona. In other words I'd like to add a shadow to the images in portfolio page.</p> <p>Is it possible?</p> <p>How can I do that?</p> <p>I know that I have to work with custom.css. I try to inspect the css with firebug, but I didn't find the solution :-( </p> http://www.kriesi.at/support/topic/shadow-on-portfolio-images#post-43012 Wed, 22 Feb 2012 19:56:07 +0000 redwood 43012@http://www.kriesi.at/support/ <p>I'd like to create a nice box-shadow around the images on the portfolio, but have no idea how to accomplish this.<br /> What whould be the correct css for this? </p> http://www.kriesi.at/support/topic/trying-to-add-shadow-to-sidebar#post-38852 Thu, 26 Jan 2012 20:35:56 +0000 larssonk22 38852@http://www.kriesi.at/support/ <p>Hi, I wanted to add a shadow to the entire sidebar</p> <p>.sidebar{<br /> -moz-box-shadow: 0 0 18px #000 !important;<br /> -webkit-box-shadow: 0 0 18px #000;<br /> box-shadow: 0 0 18px #000 !important;<br /> }</p> <p>However this does not work, I can only seem to add the shadow to .box </p> http://www.kriesi.at/support/topic/font-double-vision#post-28011 Tue, 27 Sep 2011 20:53:05 +0000 Chris Beard 28011@http://www.kriesi.at/support/ <p>Thanks for the heads up, we'll keep it in mind :) </p> http://www.kriesi.at/support/topic/font-double-vision#post-28006 Tue, 27 Sep 2011 20:20:38 +0000 dsanders212 28006@http://www.kriesi.at/support/ <p>I had to do something similar to this. I ultimately just modified the custom.js, duplicating the replace entry for just H1 and removing the text-shadow feature. Much better. </p> http://www.kriesi.at/support/topic/adjust-position-of-slider-shadow#post-26909 Wed, 14 Sep 2011 01:26:52 +0000 Chris Beard 26909@http://www.kriesi.at/support/ <p>Glad you got it to work =) </p> http://www.kriesi.at/support/topic/adjust-position-of-slider-shadow#post-26823 Tue, 13 Sep 2011 03:48:07 +0000 JulieS 26823@http://www.kriesi.at/support/ <p>Maybe it was a cache problem, but I solved this issue. </p> <p>1. Resized the black shadow area in Photoshop to about 300 high (kept same width)<br /> 2. Centered the black shadow in the canvas area.<br /> 3. Resized canvas area to 360 high.<br /> 4. Renamed file to bg_shadow2.png and uploaded<br /> 5. Changed link file URL in stylesheet 1.<br /> 6. Ta da! </p> http://www.kriesi.at/support/topic/adjust-position-of-slider-shadow#post-26822 Tue, 13 Sep 2011 03:24:07 +0000 JulieS 26822@http://www.kriesi.at/support/ <p>I have not yet switched themes permanently so I cannot give a link. I'm using the latest version of Avisio and the problem shows up in Chrome and Firefox for both Mac (Lion) and PC (Windows 7). Did you see the screen shot? </p> http://www.kriesi.at/support/topic/adjust-position-of-slider-shadow#post-26163 Wed, 31 Aug 2011 22:15:14 +0000 Chris Beard 26163@http://www.kriesi.at/support/ <p>Hey,<br /> I was unable to reproduce your problem, could you be more specific on which browser you used and which version? And would it be possible to link to an online version or is it confidential? This way I can give specific instructions. </p>