http://www.kriesi.at/support/tags/css Support Forum - Tag: CSS - Recent Posts en-US Tue, 18 Jun 2013 06:31:28 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/custom-hosted-font-with-the-child-theme-instructions#post-119044 Mon, 17 Jun 2013 17:47:02 +0000 victoriaeducacion 119044@http://www.kriesi.at/support/ <p>You don't help me. What you say is what I read one and another time: generic explanations. No needs a support forum for finding this kind of answer.</p> <p>I asked some specific questions in order to solve this trouble but you didn't answer these questions.</p> <p>If I try with </p> <p>@font-face {<br /> font-family: DeliciousRoman;<br /> src: url(http://www.font-face.com/fonts/delicious/Delicious-Roman.otf);<br /> font-weight:400;<br /> }</p> <p>I will be calling to font-face.com site and I dont want to do that. What I don't know is how to point to my hosted fonts and I wrote the snnipets employed waiting get corrections.</p> <p>Before I purchase the enfold theme, Kriesi says that his team would take care of me with this and other questions that I asked him and all I recieve until now is a pair of generic links, not a really specific answer for my needs. So, should I ask him in themeforest site about my font-face problems? </p> http://www.kriesi.at/support/topic/turn-of-responsive-css-completely-for-ipads#post-118996 Mon, 17 Jun 2013 14:46:27 +0000 Devin 118996@http://www.kriesi.at/support/ <p>The site is still set to be responsive so the dropdown option for Fixed wasn't actually saved. Make sure you set that option to Fixed and then hit Save all Changes.</p> <p>The mega menu issue is probably a conflict with another active plugin which isn't setting the menu item to the proper location when it gets adjusted to a different browser width. So you can also try deactivating all active plugins and then trying that option again. </p> http://www.kriesi.at/support/topic/issue-with-image-display#post-118971 Mon, 17 Jun 2013 12:24:32 +0000 chryseis 118971@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Thans A LOT for your help. I have added the code you gave me on my quick CSS and it seems fine now.<br /> Nevertheless I have one question. I understand what caused the problem was because I should have only "repeat" for the images but was it possible for me to do it without your help? Actually, I couldn't chose only "repeat" in enfold admin (see link above), could I? </p> <p><a href="https://www.dropbox.com/s/lsq61v9qb3a70ax/Capture_d_%C3%A9cran_17_06_13_13_08.png" rel="nofollow">https://www.dropbox.com/s/lsq61v9qb3a70ax/Capture_d_%C3%A9cran_17_06_13_13_08.png</a></p> <p>It's important for me to understand cause I don't want just to have a nice website but know how things work in order not to make the same mistake again in the future. </p> <p>#2 ok for the slide, I understand.<br /> For the responsive problem, I am on ipad 1 so do you think it's because of my ipad version? I didn't know things could be different from one ipad to another..Makes web developping not an easy task ! ;-) </p> <p>About the enfold 1.6 can you tell me how it works? the theme I've worked with before, I updated directly from wordpress...<br /> Here do I have to download it from my themeforest and send it as a zip using wordpress admin? Will there be any consequence on my layout or will I keep everything like it is?<br /> Moreover, when I make an upgrade of the theme, do I loose the css I have put in quick css with the old version? </p> <p>Kind regards </p> http://www.kriesi.at/support/topic/turn-of-responsive-css-completely-for-ipads#post-118969 Mon, 17 Jun 2013 11:52:15 +0000 revivalasia 118969@http://www.kriesi.at/support/ <p>Sorry the fixed layout is still not working (well it works as such, but menu's and layout is all skewed), so no I will need just a standard browser site...</p> <p><a href="http://www.dalat.org/main/" rel="nofollow">http://www.dalat.org/main/</a> - click on the resources top level menu and you will see what i mean (on an iPad) </p> http://www.kriesi.at/support/topic/how-do-i-remove-the-space-in-the-top#post-118962 Mon, 17 Jun 2013 10:48:22 +0000 udenpynt 118962@http://www.kriesi.at/support/ <p>Brillant! </p> http://www.kriesi.at/support/topic/how-do-i-remove-the-space-in-the-top#post-118947 Mon, 17 Jun 2013 10:00:53 +0000 Ismael 118947@http://www.kriesi.at/support/ <p>Hi,</p> <p>This is as close as I can get you.</p> <p>First, go to WPML &gt; Languages. Edit Languages, Translation (English), switch Danish to DA and English to EN. Do the same thing with Translation (Danish) Save changes.</p> <p>Go back to WPML &gt; Languages. Do the following settings:</p> <p>Language switcher widget: Leave this settings untouch.</p> <p>Language switcher style: Select "List of Languages"</p> <p>How to handle languages without translation: Skip Language</p> <p>What to include in the language switcher: Deselect everything except "Native language name (the language name as it's written in that language)"</p> <p>Click Apply.</p> <p>Now, edit header.php then find this code:</p> <p><code>echo avia_logo(AVIA_BASE_URL.&#39;images/layout/logo.png&#39;);</code></p> <p>Below, add this code:</p> <p><code>do_action(&#39;icl_language_selector&#39;);</code></p> <p>Edit custom.css or Quick CSS then add this code: </p> <pre><code>#lang_sel_list { height: 32px; position: absolute; right: -60px; } #lang_sel_list ul { width: 80px; border: none; } #lang_sel_list li { float: left; width: 20px; position: relative; border: none; padding-right: 10px !important; border-right: 1px solid gray; } #lang_sel_list li:last-child { border: none; } #lang_sel_list ul li a { color: gray !important; background: none; } #lang_sel_list a { border: none; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/turn-of-responsive-css-completely-for-ipads#post-118896 Mon, 17 Jun 2013 06:00:15 +0000 Devin 118896@http://www.kriesi.at/support/ <p>Hi revivalasia,</p> <p>You can turn on/off the Responsive Layout in the theme options "General Settings" menu. Just select the Fixed Layout option from the Responsive Layout dropdown.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/turn-of-responsive-css-completely-for-ipads#post-118844 Mon, 17 Jun 2013 01:47:15 +0000 revivalasia 118844@http://www.kriesi.at/support/ <p>Love the theme – thanks much.</p> <p>One major issue. For me it is broken and unworkable in responsive design on iPads. I want to completely turn it off (no fixed width or anything) what CSS and or other files do I ‘comment out’ or delete – I need it to view a standard desktop browser (Chrome or Safari) type site?</p> <p>Thanks</p> <p>S </p> http://www.kriesi.at/support/topic/how-do-i-remove-the-space-in-the-top#post-118815 Sun, 16 Jun 2013 16:39:58 +0000 udenpynt 118815@http://www.kriesi.at/support/ <p>hey? </p> http://www.kriesi.at/support/topic/ubermenu-settings-overridden-by-css#post-118777 Sun, 16 Jun 2013 10:13:25 +0000 Dude 118777@http://www.kriesi.at/support/ <p>Hi! </p> <p> Try to add an important tag</p> <pre><code>#megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 { padding: 0px 27px !important; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/use-custom-overlay-image#post-118770 Sun, 16 Jun 2013 10:01:41 +0000 Dude 118770@http://www.kriesi.at/support/ <p>Kriesi uses following code to insert the icon</p> <pre><code>.image-overlay.overlay-type-extern .image-overlay-inside::before{content:&quot;\27A6&quot;;} .image-overlay.overlay-type-video .image-overlay-inside::before{content:&quot;\25B6&quot;;}</code></pre> <p>You can replace the "content value with eg an image url: <a href="http://www.htmldog.com/reference/cssproperties/content/" rel="nofollow">http://www.htmldog.com/reference/cssproperties/content/</a></p> <p>Eg replace it with</p> <pre><code>.image-overlay.overlay-type-extern .image-overlay-inside::before{content: url(http://mywebsite.com/images/image.png);} .image-overlay.overlay-type-video .image-overlay-inside::before{content: url(http://mywebsite.com/images/image.png);}</code></pre> <p>and make sure that the url path points to an existing image. </p> http://www.kriesi.at/support/topic/how-do-i-remove-the-space-in-the-top#post-118626 Sat, 15 Jun 2013 11:50:04 +0000 udenpynt 118626@http://www.kriesi.at/support/ <p>If I paste in &lt;?php do_action('icl_language_selector'); ?&gt; it shows, but &lt;?php do_action('icl_language_menu'); ?&gt; won't show.<br /> I want to show the languages as "ENG | IT | DE" etc. </p> http://www.kriesi.at/support/topic/how-do-i-remove-the-space-in-the-top#post-118617 Sat, 15 Jun 2013 10:51:56 +0000 udenpynt 118617@http://www.kriesi.at/support/ <p>I managed to remove the space, but lost my WPML switcher in the mix: </p> <p>Used:<br /> "#meta_header {<br /> display: none;<br /> }"</p> <p>How do I add the switcher just over my menu? </p> http://www.kriesi.at/support/topic/how-do-i-removehide-reset-button-in-the-theme-option#post-118613 Sat, 15 Jun 2013 10:33:25 +0000 udenpynt 118613@http://www.kriesi.at/support/ <p>Found a solution here:</p> <p><a href="http://www.kriesi.at/support/topic/angular-template-builder-reset-all-options-button" rel="nofollow">http://www.kriesi.at/support/topic/angular-template-builder-reset-all-options-button</a></p> <p>"It looks like this was added in the latest version of Angular or the latest edition of the framework Kriesi built:<br /> answer = confirm("This will delete every theme setting made so far and revert the theme option pages to factory settings. \nDo you really want to do that? ");<br /> But if you are determined to never use that button, why would you after having 40 dynamic templates, you can simply comment it out. You'll see the button again when you patch to the latest version:<br /> In \framework\php\class-htmlhelper.php<br /> Line 1161:<br /> function reset_button()<br /> {<br /> $output = '&lt;span class="avia_style_wrap"&gt;Reset all options&lt;/span&gt;';<br /> return $output;<br /> }<br /> Change to<br /> function reset_button()<br /> {<br /> /*<br /> $output = '&lt;span class="avia_style_wrap"&gt;Reset all options&lt;/span&gt;';<br /> return $output;<br /> */<br /> }" </p> http://www.kriesi.at/support/topic/ubermenu-settings-overridden-by-css#post-118609 Sat, 15 Jun 2013 10:19:51 +0000 gunshop 118609@http://www.kriesi.at/support/ <p>thats not working, any other ideas? </p> http://www.kriesi.at/support/topic/portfolio-single-change-dimensions#post-118605 Sat, 15 Jun 2013 09:52:46 +0000 udenpynt 118605@http://www.kriesi.at/support/ <p>Found the Ajax solution here: <a href="http://www.kriesi.at/support/topic/customize-single-portfolio-page" rel="nofollow">http://www.kriesi.at/support/topic/customize-single-portfolio-page</a></p> <p>"Ok found the solution for ajax post view, to customize pic and text containers. in coherence/functions-coherence.php. I just changed the proportions, two_third first on row 62 and one_third on row 66.<br /> I made the text container little bit wider. see below.<br /> row 62<br /> echo "&lt;div class='flex_column three_fifth first'&gt;";<br /> row 66<br /> echo "&lt;div class='portfolio-entry two_fifth'&gt;";" </p> http://www.kriesi.at/support/topic/portfolio-single-change-dimensions#post-118600 Sat, 15 Jun 2013 09:05:02 +0000 udenpynt 118600@http://www.kriesi.at/support/ <p>Found a old support post: <a href="http://www.kriesi.at/support/topic/image-large#post-87901" rel="nofollow">http://www.kriesi.at/support/topic/image-large#post-87901</a> - but how do I change it on the portfolio loop as well? When I click on a case, i'd like to change the dimensions in the rotation flow. </p> http://www.kriesi.at/support/topic/portfolio-single-change-dimensions#post-118599 Sat, 15 Jun 2013 09:02:32 +0000 udenpynt 118599@http://www.kriesi.at/support/ <p>How do I change the dimensions on the single portfolio page?</p> <p>I'd like to resize the logo area and give the text area more space.<br /> Logo&gt; one_third<br /> Text&gt; two_thirds </p> http://www.kriesi.at/support/topic/how-do-i-removehide-reset-button-in-the-theme-option#post-118598 Sat, 15 Jun 2013 08:48:48 +0000 udenpynt 118598@http://www.kriesi.at/support/ <p>How do I remove/hide 'Reset' button in the Theme Option Panel? </p> http://www.kriesi.at/support/topic/how-do-i-remove-the-space-in-the-top#post-118595 Sat, 15 Jun 2013 08:22:04 +0000 udenpynt 118595@http://www.kriesi.at/support/ <p>Hey!</p> <p>I'd like to remove the space in the top of the page and after the language switcher (wpml) and the logo.<br /> I'm trying to create this: <a href="http://c.adu.dk/PeXO" rel="nofollow">http://c.adu.dk/PeXO</a> </p> http://www.kriesi.at/support/topic/avia-table-problem#post-118516 Sat, 15 Jun 2013 04:57:05 +0000 Ismael 118516@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad it is fixed. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/issue-with-image-display#post-118432 Fri, 14 Jun 2013 17:12:19 +0000 Devin 118432@http://www.kriesi.at/support/ <p>Hi Chrysies,</p> <p>The footer background image is that way because its set to fixed center center. What it should be is just set to repeat:<br /> <pre><code>.footer_color { background: #021d31 url(http://www.calliframe.com/wp-content/themes/enfold/images/background-images/grunge-big-light.png) repeat; }</code></pre> <p>The same for your navigation:<br /> <pre><code>.header_color .header_bg { background: #f8f8f8 url(http://www.calliframe.com/wp-content/uploads/2013/06/snow.png) repeat; }</code></pre> <p>#2 - The slider adjusts after the next slide gets drawn so there will be delay when moving from portrait to landscape. The responsive change however i'm not getting the same issue. What ipad version are you working with? The retina display on mine tends to be a bit different from ipad3 or before.</p> <p>1.6 is currently available from your downloads on themeforest.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/use-custom-overlay-image#post-118399 Fri, 14 Jun 2013 13:09:40 +0000 eightpage 118399@http://www.kriesi.at/support/ <p>Hi Guys, </p> <p>How do I use a custom overlay image instead of the fontello icon?<br /> I guess with background-image command, but I cannot figure out the proper CSS.<br /> Any help much appreciated. </p> <p>Cheers<br /> Constantin </p> http://www.kriesi.at/support/topic/avia-table-problem#post-118377 Fri, 14 Jun 2013 11:56:40 +0000 pixelist 118377@http://www.kriesi.at/support/ <p>Hey Thanks a million!</p> <p>Devin</p> <p>Pixelist </p> http://www.kriesi.at/support/topic/optimize-enfold-responsive-theme-speed#post-118362 Fri, 14 Jun 2013 10:34:01 +0000 Nick 118362@http://www.kriesi.at/support/ <p>Hi,</p> <p>Photoshop doesn't have lossless compression.</p> <p>If the image is referenced in the css and not hard coded in the html, sure you can use media queries to change the image size. I think that's overdoing it and if that's something a business shouldn't be spending time on since i am sure there are better ways to use resources than achiving a questionable saving of .0x% for a y% of visitors.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/issue-with-image-display#post-118347 Fri, 14 Jun 2013 09:04:15 +0000 chryseis 118347@http://www.kriesi.at/support/ <p>Ok Dude</p> <p> I hope she can help because that's really annoying... Above all the transparent navigation bar...<br /> Since I 've sent my message it has also been tested on another PC with Chrome and it does the same so it doesn't seem to be specific to Mac but chrome (maybe the latest version ?) </p> <p>I inserted the code for wysija, works perfectly :-) Thanks!!!</p> <p>And do you know which value I should put on layerslider if I don't want to put 100% ... I think the responsive problem I have on ipad comes from there...I think you should put the width of the enfold theme, don't you? But I don't know it...</p> <p>Can you tell me for the 1.6 version of enfold? Should I get an update soon? </p> <p>Kind regards </p> http://www.kriesi.at/support/topic/issue-with-image-display#post-118297 Fri, 14 Jun 2013 06:36:52 +0000 Dude 118297@http://www.kriesi.at/support/ <p>I'll tag this thread for Devin - he can test your website on apple devices (1 + 2)</p> <p>3) Insert following code into the quick css field:</p> <pre><code>.widget_wysija_cont .updated, .widget_wysija_cont .error, .widget_wysija_cont .xdetailed-errors { height: 41px; }</code></pre> http://www.kriesi.at/support/topic/blog-date-to-the-left#post-118290 Fri, 14 Jun 2013 06:24:37 +0000 Dude 118290@http://www.kriesi.at/support/ <p>Hi! </p> <p> Let us know if it worked out. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/ubermenu-settings-overridden-by-css#post-118277 Fri, 14 Jun 2013 06:07:44 +0000 Dude 118277@http://www.kriesi.at/support/ <p>Try to insert following code into the quick css field:</p> <pre><code>#megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 { padding: 0px 27px; }</code></pre> <p>Maybe you need to add !important;</p> <p>2) Please contact the plugin author for the vertical line styling code - I'm not familiar with the ubermenu css code &amp; element classes and he can probably provide better solutions. </p> http://www.kriesi.at/support/topic/optimize-enfold-responsive-theme-speed#post-118212 Thu, 13 Jun 2013 22:33:29 +0000 MikehJPP 118212@http://www.kriesi.at/support/ <p>I'd be curious what those "automatic" shrinking programs do, that photoshop could not.</p> <p>Also, about media queries to replace photos, indeed I believe that would not resolve the "size" issue (even make it worse), but if LAYOUT is a concern it could resolve changing the picture for different media sizes....</p> <p>Thanks! </p>