http://www.kriesi.at/support/tags/transparency Support Forum - Tag: transparency - Recent Posts en-US Sat, 25 May 2013 10:02:44 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/enfoldadvanced-top-menu-tweak-finishing#post-113564 Fri, 24 May 2013 13:08:14 +0000 andypeck 113564@http://www.kriesi.at/support/ <p>hi there,</p> <p>having worked out how to add space above and under my menu (in fixed mode) as well as knowing how to move my menu. logo around &amp; stopping the shrinking effect... I find myself left with a few small challenges</p> <p><a href="http://www.andypeck.co.uk" rel="nofollow">http://www.andypeck.co.uk</a></p> <p>a) How to control the transparency of the background underneath the menu?<br /> b) As ive now created more space under my menu, my slider is too far up and is appearing underneath the partially transparent background under the menu. How can I move the slider down?<br /> c) How do I reset the drop down menu to the right position, as its now not starting on the line (below menu) and also the depth of each drop category has altered to being too deep. How do I adjust the vertical linespacing in the dropdown menu to reset it. Ive obiously altered something by accident</p> <p>Cheers<br /> Andy </p> http://www.kriesi.at/support/topic/menu-transparten-content-aera-covered#post-103473 Thu, 28 Mar 2013 13:55:40 +0000 Devin 103473@http://www.kriesi.at/support/ <p>Hi Sebastian,</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>.content .box { background: #111; }</code></pre> <p>That will target the .content class selector and then the .box class within it so that it is a solid color while the other css keeps the sidebars and other stuff semi-transparent.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/menu-transparten-content-aera-covered#post-103335 Wed, 27 Mar 2013 16:19:26 +0000 mirzepapa 103335@http://www.kriesi.at/support/ <p>Hi,<br /> thanks to that great theme, i can make a friend of mine really happy! Great work.</p> <p>I am using Flashlight`s dark theme and was asking myself if it was possible, to have the menu sidebar semi-transparent, while keeping the content aera covered with #111111. (<a href="http://oana.muze1.de" rel="nofollow">http://oana.muze1.de</a>)</p> <p>I have put:<br /> .box, .blog-meta, .return_content, .arrowslidecontrolls_fullscreen, .hide_content_wrap a, .img_count, .slide_thumbnails, .widget {<br /> background: rgba(17, 17, 17, 0.8);<br /> }<br /> in the custom.css and this could be a compromise, but i would the sidebar more transparent, the content aera (except mini entry) more covered.</p> <p>any help for a css blind? ;-)</p> <p>Thanks for your advice.</p> <p>Regards, Sebastian. </p> http://www.kriesi.at/support/topic/news-slider-excerpt-transparency#post-78329 Wed, 03 Oct 2012 06:08:00 +0000 Ismael 78329@http://www.kriesi.at/support/ <p>Hi thericeking,</p> <p>Kindly add this code:<br /> <pre><code>.featured_inner_slider .post_excerpt p, .feature_thumbnails a strong, .post-entry .entry-content p { color: white; }</code></pre> <p>or<br /> <pre><code>.featured_inner_slider .post_excerpt p, .feature_thumbnails a strong, .post-entry .entry-content p { color: white !important; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/news-slider-excerpt-transparency#post-78151 Mon, 01 Oct 2012 22:11:25 +0000 thericeking 78151@http://www.kriesi.at/support/ <p>Ok so now I am getting somewhere.</p> <p>The code partially worked.</p> <p>I currently set it to:</p> <p>.post_excerpt {<br /> background: rgba(0, 0, 0, 0.5) !important;<br /> }</p> <p>but if you check out my site <a href="http://www.thericeking.net" rel="nofollow">http://www.thericeking.net</a></p> <p>The fonts in the box are set to a light grey and is hard to see. I looked everywhere in the theme option and there is no settings to change the font colors inside that featured box.</p> <p>Can you share another code that will help me adjust the text color inside the box?</p> <p>I also need help adjusting the transparency in the "Blog Layout - Full sized entries" and "Blog Layout - Half sized entries" to match the one in the featured slider. </p> http://www.kriesi.at/support/topic/news-slider-excerpt-transparency#post-78052 Mon, 01 Oct 2012 07:31:17 +0000 Ismael 78052@http://www.kriesi.at/support/ <p>Hi,</p> <p>I think the fonts are being affected by this </p> <pre><code>.post_excerpt { opacity:0.85; filter:alpha(opacity=85); }</code></pre> <p>Try to use something like this instead.</p> <pre><code>.post_excerpt { background: rgba(255,255,255,0.85); }</code></pre> <p>The last value 0.85 is the opacity.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/news-slider-excerpt-transparency#post-78020 Sun, 30 Sep 2012 23:46:25 +0000 thericeking 78020@http://www.kriesi.at/support/ <p>I still haven't figured this out. All I need is the font not fade. Right now I hate that ugly white excerpt area in front of the slider so much that I just want to get rid of it completely. I just want the white text with the short description of the featured post to show. </p> http://www.kriesi.at/support/topic/news-slider-excerpt-transparency#post-78010 Sun, 30 Sep 2012 20:14:00 +0000 thericeking 78010@http://www.kriesi.at/support/ <p>This helped me a bit but how do I keep the text/font consistently strong while reducing the opacity even more?</p> <p>How do I make the transparent box size smaller?</p> <p><a href="http://www.vietnetizen.com" rel="nofollow">http://www.vietnetizen.com</a> </p> http://www.kriesi.at/support/topic/hide-sidebar-content-transparency#post-75502 Wed, 12 Sep 2012 03:39:41 +0000 Ismael 75502@http://www.kriesi.at/support/ <p>Hi andynick,</p> <p>Glad that I could help. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/hide-sidebar-content-transparency#post-75454 Tue, 11 Sep 2012 19:15:41 +0000 andynick 75454@http://www.kriesi.at/support/ <p>Many thanks Ismael </p> http://www.kriesi.at/support/topic/hide-sidebar-content-transparency#post-75349 Tue, 11 Sep 2012 04:12:59 +0000 Ismael 75349@http://www.kriesi.at/support/ <p>Hi,</p> <p>You can remove the white background with this</p> <pre><code>.hide_content.no_scroll { background: none; }</code></pre> <p>For the home button, you can use this. Note that this is a whole image so you might need to edit the image source itself.</p> <pre><code>.return_content { background-image: url(../images/skin-minimal/icons-rounded-home.png); background-position: center center; background-repeat: no-repeat; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/hide-sidebar-content-transparency#post-75131 Mon, 10 Sep 2012 08:12:46 +0000 andynick 75131@http://www.kriesi.at/support/ <p>Hi Guys,</p> <p>Quick question regrading the navigation menu on my Flashlight based site. I've managed to change the transparency/opacity of most of the nav menu but am struggling to find the quick CSS code that'll alter the white text behind the "Hide sidebar &amp; content" and the Home screen button once you've hidden the content. My site is <a href="http://andynickerson.co.uk/" rel="nofollow">http://andynickerson.co.uk/</a></p> <p>Many thanks for your help</p> <p>Andy </p> http://www.kriesi.at/support/topic/transparent-window-beneath-window-spacing-rsstwitterfacebook#post-70214 Thu, 09 Aug 2012 09:15:19 +0000 Ismael 70214@http://www.kriesi.at/support/ <p>Hi Royvanliesh,</p> <p>Try to add this code:<br /> <pre><code>#socket { padding: 0 15px 15px; } .inner_sidebar .box { padding-bottom: 5px; }</code></pre> <p>if the code above doesn't work, use this code instead:<br /> <pre><code>#socket { padding: 0 15px 15px !important; } .inner_sidebar .box { padding-bottom: 5px !important; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/transparent-window-beneath-window-spacing-rsstwitterfacebook#post-69971 Wed, 08 Aug 2012 08:22:19 +0000 Royvanlieshout 69971@http://www.kriesi.at/support/ <p>It still doesn't work :( </p> http://www.kriesi.at/support/topic/change-image-caption-background-transparencycolor-on-featured-avia-slider#post-69742 Tue, 07 Aug 2012 06:39:49 +0000 Dude 69742@http://www.kriesi.at/support/ <p>1) You can change the opacity in abundance/js/aviaslider-dev.js - open up the file and search for:</p> <pre><code>backgroundOpacity:0.8, // opacity for background</code></pre> <p>Replace 0.8 with any value between 0 and 1. </p> <p>2) You can stretch the title container with following code:</p> <pre><code>.thumbnail_wrap_vert .slideThumbTitle { width: 100%; }</code></pre> <p>I'd add it to css/custom.css. </p> http://www.kriesi.at/support/topic/change-image-caption-background-transparencycolor-on-featured-avia-slider#post-69233 Fri, 03 Aug 2012 11:42:29 +0000 janetbakker 69233@http://www.kriesi.at/support/ <p>Hey Devin,</p> <p>Great! Thanks for helping out. Totally loving this theme, by the way :). This is a link to the page on which the slides are:<br /> <a href="http://www.free-sport.nu/test/" rel="nofollow">http://www.free-sport.nu/test/</a></p> <p>Let me know if you need anything else and thanks again for trying to help me out!</p> <p>-Janet </p> http://www.kriesi.at/support/topic/change-image-caption-background-transparencycolor-on-featured-avia-slider#post-69036 Thu, 02 Aug 2012 18:51:15 +0000 Devin 69036@http://www.kriesi.at/support/ <p>Hi Janet,</p> <p>Can you link to an example for each of them that you want to change. I want to make sure we are thinking of the same thing.</p> <p>In general you can use something like Firebug for Firefox or Inspect element in Safari and Chrome to pick out individual css styles and then add in modifications to either custom.css or Quick CSS (in the Styles tab of the theme options).</p> <p>But if you can point out exactly which slideshows you are looking at, we can certainly help identify the exact code modifying them.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-image-caption-background-transparencycolor-on-featured-avia-slider#post-69020 Thu, 02 Aug 2012 17:56:54 +0000 janetbakker 69020@http://www.kriesi.at/support/ <p>Hey there!</p> <p>I was wondering if you could tell me where I can find the code to change the color of the background that appears over the Avia (Fullwidth) images if you add image caption text. I would like to make it a little lighter for the main image and change it on the smaller images (stretch over entire width and center the text perhaps).</p> <p>Do you know in what file I can find that?</p> <p>Thanks!<br /> Janet </p> http://www.kriesi.at/support/topic/transparent-window-beneath-window-spacing-rsstwitterfacebook#post-67505 Wed, 25 Jul 2012 06:14:53 +0000 Dude 67505@http://www.kriesi.at/support/ <p>Hi! </p> <p> Add following code to css/custom.css:</p> <pre><code>#socket { margin-top: 0; top: 0px; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/transparent-window-beneath-window-spacing-rsstwitterfacebook#post-67344 Tue, 24 Jul 2012 09:13:42 +0000 Royvanlieshout 67344@http://www.kriesi.at/support/ <p>Finally, I made the bg picture 100% transparent...only the spacing isn't working now.</p> <p>The link is <a href="http://www.gsautomotiveart.com" rel="nofollow">http://www.gsautomotiveart.com</a> </p> http://www.kriesi.at/support/topic/transparent-title-area#post-67107 Mon, 23 Jul 2012 06:21:42 +0000 Dude 67107@http://www.kriesi.at/support/ <p>Hi! </p> <p> No, this is not possible because of the html structure. </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/transparent-window-beneath-window-spacing-rsstwitterfacebook#post-66957 Sun, 22 Jul 2012 08:25:01 +0000 Dude 66957@http://www.kriesi.at/support/ <p>Hi! </p> <p> Can you post a link please? </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/transparent-window-beneath-window-spacing-rsstwitterfacebook#post-66944 Sun, 22 Jul 2012 07:14:32 +0000 Royvanlieshout 66944@http://www.kriesi.at/support/ <p>At first it seems to load like the custom.css but then the general css takes it over? </p> http://www.kriesi.at/support/topic/transparent-window-beneath-window-spacing-rsstwitterfacebook#post-66943 Sun, 22 Jul 2012 06:50:31 +0000 Royvanlieshout 66943@http://www.kriesi.at/support/ <p>When I add this to custom CSS, nothing happens </p> http://www.kriesi.at/support/topic/transparent-window-beneath-window-spacing-rsstwitterfacebook#post-66822 Sat, 21 Jul 2012 00:22:41 +0000 Ismael 66822@http://www.kriesi.at/support/ <p>Hi,</p> <p>Just add this on your custom.css</p> <pre><code>.sidebar.sidebar1.box.sidebar_absolute { background: white; } .social_bookmarks li { padding: 0; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/transparent-window-beneath-window-spacing-rsstwitterfacebook#post-66779 Fri, 20 Jul 2012 16:31:03 +0000 Royvanlieshout 66779@http://www.kriesi.at/support/ <p>How to remove the transparency above en under the menu?<br /> I also would like to remove the 1 or 2px spacing between the menu and the rss/twitter/facebook/copyright section.</p> <p>Thanks in advance </p> http://www.kriesi.at/support/topic/transparent-title-area#post-66379 Wed, 18 Jul 2012 14:51:34 +0000 thoddi 66379@http://www.kriesi.at/support/ <p>Hi, would it be possible to make the area where the title of the pages reside transparent? I'm thinking about the area of content that goes a bit into the background header image. </p> http://www.kriesi.at/support/topic/portfolio-hover-overlay#post-56672 Sat, 19 May 2012 15:41:59 +0000 Dude 56672@http://www.kriesi.at/support/ <p>Hey! </p> <p> In js/avia.js replace:<br /> <pre><code>bg.stop().animate({opacity:0.6},400);</code></pre> <p>with:<br /> <pre><code>bg.stop().animate({opacity:1},400);</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/portfolio-hover-overlay#post-56227 Tue, 15 May 2012 23:18:17 +0000 chae 56227@http://www.kriesi.at/support/ <p>Please help </p> http://www.kriesi.at/support/topic/portfolio-hover-overlay#post-55867 Sat, 12 May 2012 18:48:44 +0000 chae 55867@http://www.kriesi.at/support/ <p>When I hover over items in the Portfolio page, that "external.png" image is overlayed on top of the image thumbnail. I changed the "external.png" file to a custom image that is #57bed1. But there is still a transparency that happens when I hover over the thumbnails, how can I get rid of that transparency? </p>