http://www.kriesi.at/support/topic/gradient-to-border Support Forum - Topic: Gradient to Border en-US Wed, 22 May 2013 09:07:51 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/gradient-to-border#post-60039 Wed, 13 Jun 2012 16:26:38 +0000 Devin 60039@http://www.kriesi.at/support/ <p>Hi ak-muc,</p> <p>I believe we all understand what you are looking for but have no other suggestions on how to achieve the effect. If you would like to look into it further, I would recommend hiring a freelance web developer who can make the customization for you.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/gradient-to-border#post-60030 Wed, 13 Jun 2012 14:53:44 +0000 ak-muc 60030@http://www.kriesi.at/support/ <p>ok thank you...that what i try to do is a border around my page like here to see:</p> <p><a href="http://www.staudacher-arbeitsrecht.de/de/kst-impressum.php" rel="nofollow">http://www.staudacher-arbeitsrecht.de/de/kst-impressum.php</a></p> <p>i mean the blur/gradient/shadow around the content box. </p> http://www.kriesi.at/support/topic/gradient-to-border#post-58736 Mon, 04 Jun 2012 15:57:16 +0000 Devin 58736@http://www.kriesi.at/support/ <p>Hello,</p> <p>I'm out of ideas if that one didn't work then. You can remove the css I provided then if its not making any change for you as well as the others provided above. That way you don't get any other complications from overlapping issues later on.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/gradient-to-border#post-58717 Mon, 04 Jun 2012 13:00:57 +0000 ak-muc 58717@http://www.kriesi.at/support/ <p>ok thx, code is in and looks like this, but nothing changed. its ok if i cant get fixed. i dont wanna waste ur time with it :)</p> <p>#socket .container { display:none; }<br /> .main_menu {<br /> top: 70%;<br /> }</p> <p>.main_menu .menu ul {<br /> padding-top: 10px;<br /> }<br /> #top .comment-reply-link {<br /> left: -95px;<br /> }</p> <p>.commentlist .gravatar {<br /> left: -10px;<br /> }<br /> .comment_content{<br /> left:30px;<br /> }<br /> .title_container h1 {<br /> margin: 0;<br /> font-size: 12px;<br /> position: relative;<br /> z-index: 2;<br /> }<br /> .title_container{<br /> display: none;<br /> }<br /> #footer .container { display:none; }<br /> #meta_header, #top #meta_header .container {<br /> position: relative;<br /> z-index: 101;<br /> background:<br /> transparent;<br /> height: 60px;<br /> }<br /> .boxed #wrap_all {<br /> margin: 20px auto<br /> }<br /> .boxed #wrap_all {<br /> box-shadow: 0 3px 14px<br /> rgba(0, 0, 0, 0.8);<br /> margin: 0px auto;<br /> }<br /> #meta_header, #top #meta_header .container {<br /> box-shadow: none;<br /> }<br /> .container_wrap {<br /> box-shadow: 0 3px 14px rgba(0, 0, 0, 0.8);<br /> } </p> http://www.kriesi.at/support/topic/gradient-to-border#post-58423 Fri, 01 Jun 2012 17:01:29 +0000 Devin 58423@http://www.kriesi.at/support/ <p>Hi ak-muc,</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:</p> <pre><code>#meta_header, #top #meta_header .container { box-shadow: none; } .container_wrap { box-shadow: 0 3px 14px rgba(0, 0, 0, 0.8); }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/gradient-to-border#post-58389 Fri, 01 Jun 2012 13:18:37 +0000 ak-muc 58389@http://www.kriesi.at/support/ <p>yes ... cool, but here u can see what i mean...<br /> the shadow goes straight to the top. it doesnt go around the content box.</p> <p><a href="http://www.martinaundchristoph.de/" rel="nofollow">http://www.martinaundchristoph.de/</a> </p> http://www.kriesi.at/support/topic/gradient-to-border#post-58347 Fri, 01 Jun 2012 05:42:21 +0000 Dude 58347@http://www.kriesi.at/support/ <p>I think you need to push the container down a bit - otherwise you won't see the shadow on the top/bottom. Add following css code to css/custom.css or the quick css field:<br /> <pre><code>.boxed #wrap_all { margin: 20px auto }</code></pre> http://www.kriesi.at/support/topic/gradient-to-border#post-57644 Sat, 26 May 2012 12:45:13 +0000 ak-muc 57644@http://www.kriesi.at/support/ <p>thx, but this code doesnt change anything. its ok and not very important for me. i dont put the shadow in it.<br /> with corona it works nicely...to see here: <a href="http://www.richter-kiehn.de" rel="nofollow">http://www.richter-kiehn.de</a></p> <p>this shadow i want to have in coherence :) </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57450 Thu, 24 May 2012 20:21:15 +0000 Mya 57450@http://www.kriesi.at/support/ <p>Thanks for helping out elames! You rock! Let us know how that works for you ak-muc.</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57447 Thu, 24 May 2012 20:17:16 +0000 elames 57447@http://www.kriesi.at/support/ <p>Try this:</p> <p>#meta_header, #top #meta_header .container {<br /> position: relative;<br /> z-index: 101;<br /> background:<br /> transparent;<br /> height: 60px;<br /> } </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57439 Thu, 24 May 2012 18:58:52 +0000 ak-muc 57439@http://www.kriesi.at/support/ <p>its ok, thx for help.<br /> i cant explain it in english.</p> <p>ich wollte einfach nur nen schatten haben, der um meine seite läuft wie hier zu sehen. </p> <p><a href="http://www.schumanns-weinblog.de/" rel="nofollow">http://www.schumanns-weinblog.de/</a></p> <p>nur dass er eben nicht nach oben weiterläuft und an den weissen ausgesparten stellen nach innen geht.<br /> im link oben geht der schatten nur am rand entlang nach oben.</p> <p>:)</p> <p>schwierig zu erklären aber halb so wild wenns nicht geht...danke trotzdem :)</p> <p>in corona gehts gut wie hier zu sehen, aber hier ist die "box" (contentbereich) auch druchgehend:</p> <p><a href="http://www.richter-kiehn.de/" rel="nofollow">http://www.richter-kiehn.de/</a> </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57263 Wed, 23 May 2012 19:32:18 +0000 elames 57263@http://www.kriesi.at/support/ <p>Well try making the height something different and see how it looks,,,instead of 0 try 5 or 10</p> <p>#meta_header, #top #meta_header .container {<br /> position: relative;<br /> z-index: 101;<br /> background:<br /> transparent;<br /> height: 10px;<br /> } </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57209 Wed, 23 May 2012 15:02:38 +0000 Devin 57209@http://www.kriesi.at/support/ <p>Hi ak-muc,</p> <p>I'm not quite sure what your're still looking to have happen at this point. If you can give a bit more detail, maybe we can help with a bit of css tweaking.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57198 Wed, 23 May 2012 13:46:46 +0000 ak-muc 57198@http://www.kriesi.at/support/ <p>yeah thx, now its ok, but the top space is gone...the site box is now on the top. nothing other solutions ? if not i use this code. </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57076 Tue, 22 May 2012 17:47:47 +0000 elames 57076@http://www.kriesi.at/support/ <p>Try putting this in the QUICK STYLES area and see what happens</p> <p>#meta_header, #top #meta_header .container{<br /> position: relative;<br /> z-index: 101;<br /> background:transparent;<br /> height:0px;<br /> } </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57031 Tue, 22 May 2012 13:29:59 +0000 ak-muc 57031@http://www.kriesi.at/support/ <p>yes, the shadow goes over it. i dont know how to do that :) </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57022 Tue, 22 May 2012 12:47:17 +0000 elames 57022@http://www.kriesi.at/support/ <p>This is the code for the shadow around it all:<br /> You have to adjust to suit your needs.</p> <p>.boxed #wrap_all {<br /> box-shadow: 0 3px 14px<br /> rgba(0, 0, 0, 0.8);<br /> margin: 0px auto;<br /> }</p> <p>But to me, it still looks like you still have to remove that large empty area at the top of your page. </p> http://www.kriesi.at/support/topic/gradient-to-border#post-57011 Tue, 22 May 2012 11:13:13 +0000 ak-muc 57011@http://www.kriesi.at/support/ <p>no its not for me ... its for a customer. im his agency :)</p> <p>the code doesnt work :( but thx for helping me :)</p> <p>i want only a little shadow to my box </p> http://www.kriesi.at/support/topic/gradient-to-border#post-56929 Mon, 21 May 2012 22:28:48 +0000 elames 56929@http://www.kriesi.at/support/ <p>What you are referring to is this:</p> <p>The meta header:You have removed the contact box that was their in the original set up. So If you still want it there, you can change the height. Experiment with what you think looks good, or you could display: none} I think? Worth a try.</p> <p>Is this for YOUR wedding? Very nice</p> <p>#meta_header, #top #meta_header .container{<br /> position: relative;<br /> z-index: 101;<br /> background:transparent;<br /> height:60px;<br /> } </p> http://www.kriesi.at/support/topic/gradient-to-border#post-56927 Mon, 21 May 2012 22:18:50 +0000 ak-muc 56927@http://www.kriesi.at/support/ <p>yes i mean a shadow...sorry for bad english. here u can see that the shadow goes too much to the top.<br /> but the look is good. it would be perfect if the shadow is only at the box, not above.</p> <p><a href="http://www.martinaundchristoph.de/" rel="nofollow">http://www.martinaundchristoph.de/</a> </p> http://www.kriesi.at/support/topic/gradient-to-border#post-56926 Mon, 21 May 2012 22:15:03 +0000 elames 56926@http://www.kriesi.at/support/ <p>You would have to upload your gradient image. Copy the URL and put that into the code so it would know the location.<br /> I just pasted in the entire code from the style sheet.</p> <p>What I see you have there is the shadow..how wide it is and probably the density of the shadow. You would have to experiment with a gradient image. Though I am not sure you would see much gradient is a small shadow. You could also try just changing the color code for a different effect </p> http://www.kriesi.at/support/topic/gradient-to-border#post-56922 Mon, 21 May 2012 21:50:06 +0000 ak-muc 56922@http://www.kriesi.at/support/ <p>thx but this doesnt work...i meant a code like this:</p> <p>.boxed #wrap_all {<br /> box-shadow: 0 3px 12px rgba(0, 0, 0, 0.6);<br /> margin: 30px auto;<br /> }</p> <p>but here the shadow goes over the top. </p> http://www.kriesi.at/support/topic/gradient-to-border#post-56915 Mon, 21 May 2012 20:54:09 +0000 elames 56915@http://www.kriesi.at/support/ <p>The border where? Around the entire page? First have to create the image.The define where the image is. Just a theory.<br /> Do you use Firebug? You should try it.</p> <p> I think this is the code that applies:</p> <p>* #Base 960 Grid<br /> ================================================== */<br /> #wrap_all { margin: 0 auto; position:relative; z-index: 3; }<br /> .boxed #wrap_all { margin: 0 auto; width: 990px; /* -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); */}<br /> .container { position: relative; width: 930px; margin: 0 auto; padding: 0px 30px; clear:both; overflow: hidden;}<br /> .container_wrap { clear:both; }<br /> .unit, .units { float: left; display: inline; margin-left: 30px; position:relative; z-index:1; }<br /> .row { position:relative; margin-bottom: 20px; clear:both; }<br /> .stretch_full { position:relative; left:-30px; } </p> http://www.kriesi.at/support/topic/gradient-to-border#post-56914 Mon, 21 May 2012 20:35:25 +0000 ak-muc 56914@http://www.kriesi.at/support/ <p>Hi,</p> <p>how can i add a gradient to the border of my site ? </p>