http://www.kriesi.at/support/tags/opacity Support Forum - Tag: opacity - Recent Posts en-US Mon, 20 May 2013 17:04:24 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/portfolio-filter-not-showing-up#post-112233 Sun, 19 May 2013 17:27:21 +0000 Berza 112233@http://www.kriesi.at/support/ <p>Thanks, it worked :) </p> http://www.kriesi.at/support/topic/portfolio-filter-not-showing-up#post-112138 Sat, 18 May 2013 12:31:32 +0000 Dude 112138@http://www.kriesi.at/support/ <p>The reason why it doesn't work is that you need to set at least one portfolio image. Otherwise isotope won't initialize the sort filter. Please set a featured image for each portfolio item and the filter should work. </p> http://www.kriesi.at/support/topic/portfolio-filter-not-showing-up#post-112137 Sat, 18 May 2013 12:27:09 +0000 Berza 112137@http://www.kriesi.at/support/ <p>Hello,</p> <p>Here is the link: <a href="http://berza.it/dev/linea-parrucchiere-estetica/" rel="nofollow">http://berza.it/dev/linea-parrucchiere-estetica/</a><br /> It's a development environment and at the moment there are only two portfolio items, but the filter should show up anyway..</p> <p>Also, I noticed I posted in the wrong section: actually the theme is Flagship and not Flashlight.</p> <p>Thanks,<br /> Michele </p> http://www.kriesi.at/support/topic/portfolio-filter-not-showing-up#post-112126 Sat, 18 May 2013 08:11:01 +0000 Dude 112126@http://www.kriesi.at/support/ <p>Hey! </p> <p> Can you post a link to the portfolio page please? </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/portfolio-filter-not-showing-up#post-111940 Fri, 17 May 2013 14:46:47 +0000 Berza 111940@http://www.kriesi.at/support/ <p>Hello,</p> <p>I have a very specific issue with Flagship's portfolio filters. I mean the links that should show up once a portfolio page has loaded and that are used to filter among portfolio items.</p> <p>Specifically, I'm talking about the following item:<br /> <pre><code>&lt;div id=&quot;js_sort_items&quot; style=&quot;visibility: visible; opacity: 0; &quot;&gt; ... &lt;/div&gt;</code></pre> <p>The opacity of this item doesn't change once the page has loaded (as I see on <a href="http://www.kriesi.at/themes/flagship/template-files/portfolio-4-columns/" rel="nofollow">http://www.kriesi.at/themes/flagship/template-files/portfolio-4-columns/</a> ), but stays at zero.</p> <p>I can see that's the problem because if I remove that attribute with the Chrome page inspector (or set it to 1), the filter reappears.<br /> Actually, being an opacity attribute, the filter is clickable even when it's not visible.. but of course it's not useful :)</p> <p>I tried to dig into the theme files and found a function that should manage that item's behavior, but I didn't want to modify anything before asking.</p> <p>This is very strange, because I already installed the theme on the same domain and this has never been a problem. Now I'm using it in a /dev/ folder to prepare a new release of the website, but this problem showed up. </p> http://www.kriesi.at/support/topic/hover-opacity#post-81442 Mon, 29 Oct 2012 16:43:32 +0000 Devin 81442@http://www.kriesi.at/support/ <p>Glad I could help :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/hover-opacity#post-81440 Mon, 29 Oct 2012 16:39:08 +0000 kevin77 81440@http://www.kriesi.at/support/ <p>thank you Devin! </p> http://www.kriesi.at/support/topic/hover-opacity#post-81423 Mon, 29 Oct 2012 15:47:09 +0000 Devin 81423@http://www.kriesi.at/support/ <p>Hi kevin77,</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>#top .portfolio-sort-container .slideshow li img:hover { opacity: 1.0 !important; } #top .portfolio-sort-container .slideshow li img { opacity: .40 !important; }</code></pre> <p>It won't work on video thumbnails because of the way they work but it will work on all others I believe.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/opacity-vom-weisen-containerhintergrund-reduzieren#post-81326 Sun, 28 Oct 2012 14:03:19 +0000 Dude 81326@http://www.kriesi.at/support/ <p>Der opacity Wert verändert leider die Transparenz des gesamten Containers (inkl. Inhalt). Du hast 2 Möglichkeiten:</p> <p>1) Erstelle ein semitransparentes png-Bild mit Gimp oder Photoshop, welches du als background-image verwenden kannst.</p> <p>2) Verwende einen rgba Farbwert für den Hintergrund: <a href="http://css-tricks.com/rgba-browser-support/" rel="nofollow">http://css-tricks.com/rgba-browser-support/</a> (wobei dies nicht von allen Browsern unterstützt wird und daher das semitransparent png die "bessere" Lösung ist). </p> http://www.kriesi.at/support/topic/hover-opacity#post-81305 Sun, 28 Oct 2012 07:16:28 +0000 kevin77 81305@http://www.kriesi.at/support/ <p>ok... this works for images that are newly posted in blog etc. but not in the main portfolio images in the portfolio page (I cannot change src, href etc.). Is there a special tag which used in the portfolio thumbnails that I can change it too? </p> http://www.kriesi.at/support/topic/opacity-vom-weisen-containerhintergrund-reduzieren#post-81271 Sat, 27 Oct 2012 16:42:44 +0000 reneschmidt 81271@http://www.kriesi.at/support/ <p>Hallo Zusammen, </p> <p>ich komm leider beim Corona Theme nicht weiter ohne Eure Hilfe. </p> <p>Mein Hauptcontainer und der Rand vom Header hat eine weiße Hintergrundfarbe. In der .css Datei finde ich den Part um diese ändern zu können aber wenn ich da die opacity ändere, wird auch die Schrift bzw. der komplette Inhalt geändert. </p> <p>Wo muss ich was ändern?</p> <p>Danke im Voraus! </p> http://www.kriesi.at/support/topic/hover-opacity#post-81205 Fri, 26 Oct 2012 17:21:22 +0000 Nick 81205@http://www.kriesi.at/support/ <p>Hi,</p> <p>The code you pasted above will indeed do this, but it will do it for every single image in the website, which I don't think will be such a good idea.</p> <p>"mouse overs the image" is called the 'hover' effect, and if you notice your second block of code has the :hover, so first block of code is when the image is normally seen, and the second block takes over when a mouse hovers over the image. \\</p> <p>Please try this instead<br /> a) add this to your Quick CSS in the backend or to custom.css<br /> <pre><code>.image1 { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } .image1:hover { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }</code></pre> <p>and add this to the content of your post or page. Just change the 'src=' to a url which leads to an image, and change 'href=' to a url link to a page. Just make sure that 'class=image1' is not touched since its defined in the css above as such.<br /> <pre><code>&lt;a href=&quot;your link url&quot;&gt;&lt;img src=&quot;resources/your image.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;</code></pre> <p>img is a tag reserved for all images, thus it didn't work for you as you wanted.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/hover-opacity#post-81073 Thu, 25 Oct 2012 18:05:24 +0000 kevin77 81073@http://www.kriesi.at/support/ <p>what I am after is like what happens in the Gallery images (but this opens up a lighbox overlay). I would like the same thing but in portfolio grid layouts but when clicked will actually go to the link - not open the lightbox overlay. </p> http://www.kriesi.at/support/topic/hover-opacity#post-81072 Thu, 25 Oct 2012 18:01:51 +0000 kevin77 81072@http://www.kriesi.at/support/ <p>love this theme so far! Could you tell me if we could add a transparent opacity colour when the mouse overs the image link in portfolio? I have managed to remove the IMG title, but would like to add some form of interaction when the mouse overs the image link. I've looked up css and they said to add : </p> <p>img<br /> {<br /> opacity:0.4;<br /> filter:alpha(opacity=40); /* For IE8 and earlier */<br /> }<br /> img:hover<br /> {<br /> opacity:1.0;<br /> filter:alpha(opacity=100); /* For IE8 and earlier */<br /> }</p> <p>But that didn't work. </p> http://www.kriesi.at/support/topic/transparent-coherence-footer#post-80204 Thu, 18 Oct 2012 10:08:31 +0000 Ismael 80204@http://www.kriesi.at/support/ <p>Hi Retech,</p> <p>Glad we could help. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/transparent-coherence-footer#post-80110 Wed, 17 Oct 2012 17:52:54 +0000 Retech 80110@http://www.kriesi.at/support/ <p>Ismael,</p> <p>You are the man!! Thank you. </p> http://www.kriesi.at/support/topic/transparent-coherence-footer#post-80037 Wed, 17 Oct 2012 09:18:02 +0000 Ismael 80037@http://www.kriesi.at/support/ <p>Hi Retech,</p> <p>Try to add this code in your Quick CSS or custom.css:<br /> <pre><code>#footer .container, #footer .container a, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .widgettitle, .contentSlideControlls a { background: transparent; }</code></pre> <p>or</p> <pre><code>#footer .container, #footer .container a, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .widgettitle, .contentSlideControlls a { background: transparent !important; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/transparent-coherence-footer#post-79994 Tue, 16 Oct 2012 22:43:53 +0000 Retech 79994@http://www.kriesi.at/support/ <p>I am trying to make the footer background color transparent in Coherence so the text will overlay the site background (green area): <a href="http://www.retechsystemsllc.com/webdev/?page_id=364" rel="nofollow">http://www.retechsystemsllc.com/webdev/?page_id=364</a></p> <p> I just can't seem to get it to work without making the text transparent too. </p> http://www.kriesi.at/support/topic/change-opacity-of-slide-caption#post-75546 Wed, 12 Sep 2012 10:17:00 +0000 Ismael 75546@http://www.kriesi.at/support/ <p>Hi Marc,</p> <p>Glad that Devin and Nick helped you. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-opacity-of-slide-caption#post-75540 Wed, 12 Sep 2012 09:12:53 +0000 mllibre 75540@http://www.kriesi.at/support/ <p>OK, now it works!</p> <p>Thanks Nick and Devin!</p> <p>Marc </p> http://www.kriesi.at/support/topic/change-opacity-of-slide-caption#post-75172 Mon, 10 Sep 2012 13:42:42 +0000 Devin 75172@http://www.kriesi.at/support/ <p>Hi mllibre,</p> <p>Two things:</p> <p>First, update your theme by downloading the most recent version from theme forest and then uploading it in the same way you first installed the theme. This will bring it up to date with wordpress 3.4+</p> <p>Second, append Nick's code to be:<br /> <pre><code>#top.home .slideshow_caption.active_caption { opacity: .8 !important; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-opacity-of-slide-caption#post-74643 Thu, 06 Sep 2012 09:38:37 +0000 mllibre 74643@http://www.kriesi.at/support/ <p>Thanks Nick, but it doesn't work... you can see it here: <a href="http://www.incite.es" rel="nofollow">http://www.incite.es</a> </p> http://www.kriesi.at/support/topic/change-opacity-of-slide-caption#post-73617 Thu, 30 Aug 2012 11:25:35 +0000 Nick 73617@http://www.kriesi.at/support/ <p>Hi, </p> <p>The opacity of the first image is .8 making it semi transparent while the other ones are at 1. Please try to paste this into Quick CSS in the Theme's backend under the Styles section</p> <pre><code>.slideshow_caption.active_caption{opacity:.8}</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/change-opacity-of-slide-caption#post-73495 Wed, 29 Aug 2012 15:44:26 +0000 mllibre 73495@http://www.kriesi.at/support/ <p>Hi, I want to change the opacity of the caption area in the slide and I don't know when to change it. In fact, now the caption area of the first image of the slider HAVE opacity but the other no... ???</p> <p>Thanks for your support. </p> <p>You can see the web here: <a href="http://www.incite.es" rel="nofollow">http://www.incite.es</a> </p> http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-67449 Tue, 24 Jul 2012 23:22:14 +0000 Ismael 67449@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad it works. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-67412 Tue, 24 Jul 2012 19:24:10 +0000 Aspireworks227 67412@http://www.kriesi.at/support/ <p>What would I do without you? :) Thanks! </p> http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-67024 Sun, 22 Jul 2012 22:59:51 +0000 Ismael 67024@http://www.kriesi.at/support/ <p>Hey,</p> <p>Maybe this will work.</p> <pre><code>.content .box { background: rgba(255, 255, 255, .8); }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-66956 Sun, 22 Jul 2012 08:24:39 +0000 Aspireworks227 66956@http://www.kriesi.at/support/ <p>UPDATE:</p> <p>For what it is worth, I placed this code in the custom CSS:</p> <p>.portfolio-size-3.content .box, .container.three_columns .content .box {<br /> width: 660px;<br /> background: rgba(255, 255, 255, 0.8);<br /> }</p> <p>This successfully changed the transparency of the main shop page without affecting the products/text (Yay!!) and left the individual product pages unchanged (Also yay!!!), however, every other content box (Such as the About page) remains unchanged and fully opaque.<br /> Not sure if that helps at all, but I figured I'd let you know! </p> http://www.kriesi.at/support/topic/semi-transparent-content-boxes-without-affecting-text#post-66955 Sun, 22 Jul 2012 08:15:55 +0000 Aspireworks227 66955@http://www.kriesi.at/support/ <p>Hi there!</p> <p>My site is ShopCirca360.com, and you're all probably tired of seeing me around the forums by now, but I have another question! :)<br /> I want to adjust the transparency of the content boxes on the website so that the background image shows through slightly.<br /> I scoured the forums and found various snippets of code that kind of accomplished what I was looking for, but didn't quite do it. So here's where my specifics come in to play.</p> <p>I want to be able to fade all the content boxes to, say, 75% opacity without affecting the transparency of the text.<br /> Also, and importantly, I want the product pages (viewing individual products) to remain unaffected.<br /> Is this possible?</p> <p>Thanks in advance! Your support has been great! </p> http://www.kriesi.at/support/topic/opacity-on-hover-images-in-porfolio#post-66470 Thu, 19 Jul 2012 05:21:06 +0000 Ismael 66470@http://www.kriesi.at/support/ <p>Hi adamnowak,</p> <p>Glad that Peter helped you. :)</p> <p>Cheers,<br /> Ismael </p>