http://www.kriesi.at/support/tags/css3 Support Forum - Tag: css3 - Recent Posts en-US Tue, 21 May 2013 12:18:30 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-80267 Thu, 18 Oct 2012 16:21:51 +0000 vansoft1080 80267@http://www.kriesi.at/support/ <p>Works great!! Thank you very much :) </p> http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-80150 Wed, 17 Oct 2012 22:40:18 +0000 Devin 80150@http://www.kriesi.at/support/ <p>Hey vansoft1080,</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 .search-result-counter { color: #f8f8f8; }</code></pre> <p>Adjust the color code as needed :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-80102 Wed, 17 Oct 2012 16:46:50 +0000 vansoft1080 80102@http://www.kriesi.at/support/ <p>Hi,</p> <p>When you search any item the result is something like this:</p> <p>-------------------------------------------------------------------------------------------------------------------------------------------------<br /> TITLE TEXT<br /> ICON - DATE (THE BIG NUMBER "1")<br /> TEXT<br /> -------------------------------------------------------------------------------------------------------------------------------------------------</p> <p>-------------------------------------------------------------------------------------------------------------------------------------------------<br /> TITLE TEXT<br /> ICON - DATE (THE BIG NUMBER "2")<br /> TEXT<br /> -------------------------------------------------------------------------------------------------------------------------------------------------</p> <p>-------------------------------------------------------------------------------------------------------------------------------------------------<br /> TITLE TEXT<br /> ICON - DATE (THE BIG NUMBER "3")<br /> TEXT<br /> -------------------------------------------------------------------------------------------------------------------------------------------------</p> <p>and so on...</p> <p>The "big number" is almost grey and I can not see it properly. I would like to change the color of the number to a darker one but not sure about where to do that.</p> <p>I hope I have explained myself properly. </p> <p>Best regards </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-80049 Wed, 17 Oct 2012 11:12:53 +0000 Devin 80049@http://www.kriesi.at/support/ <p>Hi vansoft1080,</p> <p>Unfortunately not that we can offer via support. The sticky footer is a tricky effect but would need to be custom added to make sure it didn't cause any other issues with the theme.</p> <p>You could try doing something with min-height and a media query for the various sizes but it will be a lot of trial and error to get exactly what you are looking for. So try:<br /> <code>#top.home #main {min-height: 450px;}</code></p> <p>Then you can customize it for the various screen sizes with media queries like this:<br /> <pre><code>/* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #top.home #main {min-height: 450px;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #top.home #main {min-height: 450px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #top.home #main {min-height: 450px;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #top.home #main {min-height: 450px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #top.home #main {min-height: 450px;} }</code></pre> <p>You can add that big block of css to your custom.css file via FTP. Its located in the css folder of your theme files. Then change the 450px value for each of the screen sizes as you want or need. You can also remove it entirely if needed.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-80012 Wed, 17 Oct 2012 07:57:05 +0000 Dude 80012@http://www.kriesi.at/support/ <p>Hey! </p> <p> Can you elaborate please? I checked the search result page: <a href="http://www.kriesi.at/themes/propulsion/?s=test" rel="nofollow">http://www.kriesi.at/themes/propulsion/?s=test</a> and I can't see a big number in the search field on the right side... </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-79939 Tue, 16 Oct 2012 09:03:02 +0000 vansoft1080 79939@http://www.kriesi.at/support/ <p>Hi everyone,</p> <p>I would like to change the color of the number that appears on the right in the search field when you make a search (the big number). The color that appears in the result is too bright and I would like to change it for a darker one.<br /> Does anyone know where to change it to make it darker or any color I choose?</p> <p>Best regards </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-79938 Tue, 16 Oct 2012 08:57:21 +0000 vansoft1080 79938@http://www.kriesi.at/support/ <p>Hi,</p> <p>Sorry for the delay. I have already tested to code above and I know what you mean. I think that adding elements will solve the problem but I need to get the footer fixed to button of the page, since I don't want to add more elements.<br /> I was wondering if there is any code to enlarge the content view instead of the footer. I gues that with this, the fotter will remain in the button and a blank space will appear.<br /> Any suggestion for doing this?</p> <p>best regards, </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-77202 Tue, 25 Sep 2012 06:13:56 +0000 Ismael 77202@http://www.kriesi.at/support/ <p>Hi vansoft1080,</p> <p>I checked your site and the reason you see the footer to be so big, is because the html background color is the same color as the footer (that's why the footer looks extended). Try to add this code in your Quick CSS or custom.css:<br /> <pre><code>html { background: black !important; }</code></pre> <p>and you'll see what I mean. Just remove this code after you've seen the actual height of your footer.</p> <p>I think the solution for this is add more elements, so the height will be expanded.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-77120 Mon, 24 Sep 2012 13:44:30 +0000 vansoft1080 77120@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>The web site is still in beta phase, It's a project I'm working on it and therefore there is not so much content on it ^^. </p> <p><a href="http://www.andruinnova.es/" rel="nofollow">http://www.andruinnova.es/</a></p> <p>I hope you can help me.</p> <p>Best regards </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-77086 Mon, 24 Sep 2012 09:40:10 +0000 Ismael 77086@http://www.kriesi.at/support/ <p>Hi vansoft1080,</p> <p>Kindly post a link to your site, so we can check it further.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-76768 Fri, 21 Sep 2012 08:40:30 +0000 vansoft1080 76768@http://www.kriesi.at/support/ <p>Any help please? I would really appreciate it, I'm stuck ^^ </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-76609 Wed, 19 Sep 2012 18:41:16 +0000 vansoft1080 76609@http://www.kriesi.at/support/ <p>Hi guys,</p> <p>I'm trying to solve a certain issue with the sizeof the footer on this template. I would like to give a fixed size (height) to the footer without taking into account that this is a HTML5 resposive theme. I have tested the them on a tablet and the footer is huge! almost half of the screen.<br /> Do you know how to solve this? I guess that it's somewhere on the CSS but I'm not able to locate that line.</p> <p>Best regards and thank you all in advance </p> http://www.kriesi.at/support/topic/styling-cufon-headings#post-61483 Thu, 21 Jun 2012 18:02:30 +0000 downeasy 61483@http://www.kriesi.at/support/ <p>Thanks. I thought maybe the options were being overwritten by the class-style-generator.php file. </p> <p>I'll play around with it some more. </p> http://www.kriesi.at/support/topic/styling-cufon-headings#post-61324 Thu, 21 Jun 2012 06:36:06 +0000 Dude 61324@http://www.kriesi.at/support/ <p>Hey! </p> <p> This page: <a href="https://github.com/sorccu/cufon/wiki/Styling" rel="nofollow">https://github.com/sorccu/cufon/wiki/Styling</a> lists all available options. </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/styling-cufon-headings#post-61133 Wed, 20 Jun 2012 14:03:20 +0000 downeasy 61133@http://www.kriesi.at/support/ <p>Hrmm... Is there a cufon stylesheet? I'd like to add some text shadows and some transforms to the headers (h1,h2) and they aren't taking hold. </p> <p>My backup effects are working (when cufons aren't loaded by a browser) </p> <p> h1 {<br /> text-shadow: 0 1px 0 black; !important<br /> color: #292929; !important<br /> }</p> <p>...but re-styling the cufon entries in the stylesheet is not making any difference. </p> <p>.cufon-active #top .cufon_headings{<br /> text-shadow: 0 1px 0 black; !important<br /> color: #292929; !important<br /> text-transform: none;<br /> }<br /> etc... </p> http://www.kriesi.at/support/topic/styling-cufon-headings#post-61125 Wed, 20 Jun 2012 12:12:18 +0000 downeasy 61125@http://www.kriesi.at/support/ <p>That sorta worked! Ha, thanks. I still have some tweaking to do. some h2/h3 titles, but not all, are still black. </p> <p>It's a start though. Thanks.</p> <p>You can see what I'm talking about here: <a href="http://wholesale.shrimp.com/delayed-order-sales-form/" rel="nofollow">http://wholesale.shrimp.com/delayed-order-sales-form/</a> </p> <p>Ignore the other font stylings, the owner is still deciding on some body traits. </p> http://www.kriesi.at/support/topic/styling-cufon-headings#post-61023 Tue, 19 Jun 2012 21:25:52 +0000 Mya 61023@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try adding this to your custom.css.</p> <pre><code>#top .title_container h1 { color: #f14e54; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .relThumbHeading { color: #f14e54; }</code></pre> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/styling-cufon-headings#post-61001 Tue, 19 Jun 2012 19:03:26 +0000 downeasy 61001@http://www.kriesi.at/support/ <p>Ordinarily I'd try to figure this out myself, but I am baffled at this point. </p> <p>I would like to make sure that all headings h1,h2,h3,h4 use the same color: #f14e54 but when I try to add a custom rule to the short css box, the rule doesn't propagate. I assume this is because I am styling incorrectly for the css3 fonts. Or, there are rules overriding my rule. </p> <p>When I've tried adding anything to the custom.css file none of those rules take hold either. </p> <p>When I choose that color within the Abundance styling manager it only changes the links, highlight, and h2 elements.</p> <p>Can you tell me what specifically to enter to get this to propagate across my page? </p> http://www.kriesi.at/support/topic/how-to-hide-div-content-if-shown-on-mobile#post-52770 Sun, 22 Apr 2012 12:32:52 +0000 Michael Hainsworth 52770@http://www.kriesi.at/support/ <p>Thanks so much! I'm well on my way to creating my own web app within Propulsion! </p> http://www.kriesi.at/support/topic/how-to-hide-div-content-if-shown-on-mobile#post-51320 Wed, 11 Apr 2012 22:52:13 +0000 Ismael 51320@http://www.kriesi.at/support/ <p>Hello,</p> <p>You can drop a media query on your custom.css </p> <pre><code>@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .qrcode widget { display: none }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-hide-div-content-if-shown-on-mobile#post-51166 Wed, 11 Apr 2012 14:00:50 +0000 Michael Hainsworth 51166@http://www.kriesi.at/support/ <p>Hi there! CSS3 newbie asking if you know how I can set a div (specifically my .qrcode widget) to display: none if the widget is being shown on a handheld device? There's no sense in cluttering up the reader's screen with a QR Code when they're already on a smartphone, so I'd like to hide it.</p> <p>Any help would be greatly appreciated. </p> <p>thanks! </p> http://www.kriesi.at/support/topic/newscast-ie9-and-css3-totally-avoidable-issues-shame-on-you#post-43432 Sat, 25 Feb 2012 01:22:20 +0000 PaulaArturo 43432@http://www.kriesi.at/support/ <p>Hi,</p> <p>Thanks for getting back to me: I appreciate it. I understand your point of view, but I have to say I am not at all convinced, and for many reasons:<br /> <blockquote>the theme was released around 2 years ago and of course the code isn't modern compared to newer themes.</blockquote><br /> IE 8 was officially released before this theme was, in March 2009. It was advertised as being "cross-browser compatible" , and I IE7 emulation pretty much confirms it wasn't at the time (otherwise, it would have supported IE8 as well).<br /> [<blockquote> The IE7 emulation is required because of some javascript functions.</blockquote><br /> You could have called the emulation dynamically based on a browser check, There are many free browser detection scripts both in PHP and JS that are incredibly easy to work with. I'm sorry, but this is a major oversight, to say the least.</p> <p>As for the deprecated WP functions, you stated that:<br /> <blockquote>it's simply impossible to incorporate all new features in all themes Kriesi every released.</blockquote><br /> I don't see why it would be <em>impossible</em>, This is, after all, a <strong>premium</strong> (paying) theme. If even several <strong>free</strong> themes, such as Graphene, Twenty Eleven, etc. release updates regularly as WP evolves, so should premium themes. A theme that does not get updated or that has less features than a free one can barely be called "Premium" , I believe.<br /> Not to mention, this theme is still being supported and it was updated a couple of weeks ago from 2.0.2 to 2.0.3, so I don't see a real reason not to update the code.</p> <p>Perhaps I am asking too much from premium developers, but at the same time, premium developers do ask for more "compensation" for their work than non-premium ones, so fair is fair, if you ask me.</p> <p>P.S.: I should have clarified in my first post that I'm not Paula Arturo, but her developer, Francisco de Azevedo (Aka, Marventus). </p> http://www.kriesi.at/support/topic/newscast-ie9-and-css3-totally-avoidable-issues-shame-on-you#post-43418 Fri, 24 Feb 2012 21:09:54 +0000 Dude 43418@http://www.kriesi.at/support/ <p>Hey,<br /> the theme was released around 2 years ago and of course the code isn't modern compared to newer themes. The IE7 emulation is required because of some javascript functions. I can understand that it's frustrating if you discover some limitations of the older code/framework but it's simply impossible to incorporate all new features in all themes Kriesi every released. The theme itself works flawlessly with WP3.3 and there's no need to replace the deprecated functions yet. As soon as we encounter problems Kriesi will fix them and release an update. </p> http://www.kriesi.at/support/topic/newscast-ie9-and-css3-totally-avoidable-issues-shame-on-you#post-43374 Fri, 24 Feb 2012 17:43:30 +0000 PaulaArturo 43374@http://www.kriesi.at/support/ <p>Hi. I apologize in advanced if I come out a little too strong, but your poor coding practices have made me waste <strong>countless</strong> hours of work adapting the Newscast 2.0.2 theme to my needs.<br /> I'v been struggling with CSS3 properties in Internet Explorer 9 for days now. Yesterday, I landed on the following <a href="http://www.sitepoint.com/crimes-against-wordpress/">article</a> looking for something completely different. When I got to the "Uneditable Template Text" section, where the author complains about the use of:<br /> <pre><code>IE=EmulateIE7</code></pre> <p>All of a sudden, it just hit me. Could the [b]premium[b] template I had bought be using such a lame coding practice? "No way!", I thought at first. I payed good money for that template, and that is not even smth I would do on a free WP template, no matter how simple.</p> <p>Then I decided to fire up my Dreamweaver, open the header.php, and there it was, on line 8, clear as day, the reason for all my trouble:<br /> <pre><code>&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE7&quot; /&gt;</code></pre> <p>Boy, was I wrong or what?! The second I removed that line, all CSS3 properties started working in IE9.</p> <p>Now, again, as politely as I can, given the circumstances: what where you thinking? As Andrew Tetlaw puts it, quite eloquently, in his post:<br /> <blockquote>If you’re a theme maker and you’re unable to make your CSS work in IE unless it emulates IE7, you need to go back to the drawing board. Seriously bad form.</blockquote></p> <p>I should be asking you for a full refund and bill you for the hours I wasted figuring this out, but I won't. An explanation, however, would be nice. Oh, it would also be nice if you could read that article. It might come in handy if you want to keep your customers happy.</p> <p>BTW: I found several deprecated WP functions in this template as well. Pretty serious stuff for a premium theme, if you ask me. </p>