http://www.kriesi.at/support/tags/quick-css Support Forum - Tag: quick css - Recent Posts en-US Tue, 18 Jun 2013 21:44:42 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/add-videoflash-to-header#post-114459 Tue, 28 May 2013 14:39:04 +0000 Devin 114459@http://www.kriesi.at/support/ <p>Glad we could help :)</p> <p>Let us know if you have any other questions or issues.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/add-videoflash-to-header#post-114450 Tue, 28 May 2013 14:28:15 +0000 andrewbeutmueller 114450@http://www.kriesi.at/support/ <p>Thanks Devin, I may have solved the problem myself thanks to your help. I resized the logo in photoshop and adjusted the Quick CSS that your provided. It's not the sharpest image, but I think with some size/CSS tweaking I can get sharpen the media file and make it work. if you care to look, <a href="http://www.irishimportshop.com/blog" rel="nofollow">http://www.irishimportshop.com/blog</a> - of course if you have any further suggestions that owuld be great too. Best. </p> http://www.kriesi.at/support/topic/add-videoflash-to-header#post-113800 Sat, 25 May 2013 14:08:19 +0000 Devin 113800@http://www.kriesi.at/support/ <p>If you add in the image I can take a look at what needs to be adjusted (if anything does).</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/add-videoflash-to-header#post-113653 Sat, 25 May 2013 00:40:40 +0000 andrewbeutmueller 113653@http://www.kriesi.at/support/ <p>In regards to the SWF in the header, for now I'd like to just add a welcome message to the logo graphic, which makes the logo twice as wide. now 400 x 802 width .png. How must I alter the CSS in order to accommodate this Devin? or is there a better solution? Currently my 402x402 logo works fine with the above CSS adjustment you offered, hope we can repeat this success ... thanks again. Andrew</p> <p><a href="http://www.irishimportshop.com/blog" rel="nofollow">http://www.irishimportshop.com/blog</a> </p> http://www.kriesi.at/support/topic/add-videoflash-to-header#post-113649 Fri, 24 May 2013 23:51:12 +0000 andrewbeutmueller 113649@http://www.kriesi.at/support/ <p>PERFECT!! thanks! </p> http://www.kriesi.at/support/topic/add-videoflash-to-header#post-113648 Fri, 24 May 2013 23:41:54 +0000 andrewbeutmueller 113648@http://www.kriesi.at/support/ <p>thanks Devin! I will let you know how it works out. </p> http://www.kriesi.at/support/topic/add-videoflash-to-header#post-113329 Thu, 23 May 2013 16:21:30 +0000 Devin 113329@http://www.kriesi.at/support/ <p>Hi Andrew,</p> <p>You would need to have a freelance developer add in the additional swf or gif in the header. It needs to keep cross browser support as well as cause no responsive issues which is a bit beyond what we can assist with via support.</p> <p>Right now the only thing keeping your header the large size is the logo. So you can either reduce the size of your logo or 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>#header .logo img { height: 200px; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/add-videoflash-to-header#post-113037 Wed, 22 May 2013 16:59:14 +0000 andrewbeutmueller 113037@http://www.kriesi.at/support/ <p>Header issue: I would like to reduce the height/padding of my replete header. I know how to do this in Quick CSS, HOWEVER when the border/socket does not follow suit and I end up with a big blank space between the header border and header and page content, any help on this issue would be welcome! </p> http://www.kriesi.at/support/topic/add-videoflash-to-header#post-113036 Wed, 22 May 2013 16:56:02 +0000 andrewbeutmueller 113036@http://www.kriesi.at/support/ <p>would it be possible to embed an animated gif or swf into the Replete header centered between the default logo location on the left and the menu / search on the right? I would be grateful for some help on this issue ... here is a link to the replete site I am customizing: <a href="http://irishimportshop.com/blog/" rel="nofollow">http://irishimportshop.com/blog/</a></p> <p>thnks, Andrew </p> http://www.kriesi.at/support/topic/my-quick-css-how-do-i-make-menu-font-in-header-larger#post-108606 Fri, 03 May 2013 05:21:38 +0000 mohitso 108606@http://www.kriesi.at/support/ <p>.menu-item a {<br /> font-size: 20px!important;<br /> }</p> <p>Thanks man, this one works </p> http://www.kriesi.at/support/topic/my-quick-css-how-do-i-make-menu-font-in-header-larger#post-108334 Thu, 02 May 2013 06:56:25 +0000 Ismael 108334@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try this on your Quick CSS or custom.css</p> <pre><code>.menu-item a { font-size: 20px!important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/my-quick-css-how-do-i-make-menu-font-in-header-larger#post-108306 Thu, 02 May 2013 01:01:00 +0000 AlexiaNin 108306@http://www.kriesi.at/support/ <p>I have the same problem. I am using the ¨Header with social icons and bottom navigation¨. I tried the above code in the Quick CSS field and it had no effect. </p> http://www.kriesi.at/support/topic/my-quick-css-how-do-i-make-menu-font-in-header-larger#post-107886 Tue, 30 Apr 2013 02:08:02 +0000 Ismael 107886@http://www.kriesi.at/support/ <p>Hi,</p> <p>The code Peter suggested should work. Please try to remove browser cache the reload the page again. Change the value to 17px or larger so that you can see the effect.</p> <p>What kind of header are you using?</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/my-quick-css-how-do-i-make-menu-font-in-header-larger#post-107816 Mon, 29 Apr 2013 17:09:38 +0000 mohitso 107816@http://www.kriesi.at/support/ <p>doesnt seem to work either. </p> http://www.kriesi.at/support/topic/my-quick-css-how-do-i-make-menu-font-in-header-larger#post-107747 Mon, 29 Apr 2013 07:05:12 +0000 Dude 107747@http://www.kriesi.at/support/ <p>Hi! </p> <p> Insert following code into the quick css field:</p> <pre><code>.main_menu ul:first-child &gt; li &gt; a { font-size: 13px; }</code></pre> <p>and use another font size value. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/my-quick-css-how-do-i-make-menu-font-in-header-larger#post-107607 Sat, 27 Apr 2013 19:37:25 +0000 mohitso 107607@http://www.kriesi.at/support/ <p>sure. <a href="http://www.mohitso.com" rel="nofollow">http://www.mohitso.com</a> </p> http://www.kriesi.at/support/topic/my-quick-css-how-do-i-make-menu-font-in-header-larger#post-107585 Sat, 27 Apr 2013 17:07:40 +0000 Devin 107585@http://www.kriesi.at/support/ <p>Hey mohitso,</p> <p>Can we see your site live? We can inspect the code and see what css should be used to accurately target your main menu and make the font size larger.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/my-quick-css-how-do-i-make-menu-font-in-header-larger#post-107474 Fri, 26 Apr 2013 21:44:14 +0000 mohitso 107474@http://www.kriesi.at/support/ <p>This is what my quick CSS looks like now and its not working, any ideas? Ijuyst want the words bigger. </p> <p>it doesnt seem to change the size. </p> <p>#header {<br /> position: fixed;<br /> }<br /> #main {<br /> margin-top: 152px;<br /> }<br /> #top .social_bookmarks li a {<br /> font-size: 30px;<br /> }<br /> .main_menu ul:first-child &gt; li &gt; a{<br /> font-size: 21px;<br /> } </p> http://www.kriesi.at/support/topic/woocommerce-questions#post-101718 Mon, 18 Mar 2013 01:56:14 +0000 Devin 101718@http://www.kriesi.at/support/ <p>Hi</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>#header .sub_menu { display: none; }</code></pre> <p>You can add font and color properties to that as well to modify the look of it.</p> <p>For the reviews,<br /> <pre><code>.reviews_tab { display: none; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/woocommerce-questions#post-101536 Fri, 15 Mar 2013 19:11:27 +0000 Toygrubin 101536@http://www.kriesi.at/support/ <p>How can I hide and change the My Account | Log Out menu at the top of the Replete template? I need to hide it totally but I would also like to know how I can change the font size/color for later. </p> <p>I have tried the following and it does not work on my Replete Quick CSS.</p> <p>#shop_header {<br /> display: none !important;<br /> }</p> <p>My other question is how can I hide the reviews in the product description pages? Currently it says 'Reviews (0)'. I have reviews disabled and just want to hide it totally. I already have the '.comment-container {display:none;}' on my Quick CSS for my regular posts.</p> <p>Thank you! </p> http://www.kriesi.at/support/topic/change-main-theme-color#post-85673 Wed, 28 Nov 2012 06:46:28 +0000 Dude 85673@http://www.kriesi.at/support/ <p>Hi! </p> <p> You can use <a href="http://imageshack.us/" rel="nofollow">http://imageshack.us/</a> to upload your images. You'll get image links which you can post here. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/change-main-theme-color#post-85638 Tue, 27 Nov 2012 21:43:00 +0000 corepath 85638@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Thanks for getting back to me. I've collected screen shots of the related changes. Is there any way I can send them in a message to you as I can't seem to attach items here. </p> http://www.kriesi.at/support/topic/change-main-theme-color#post-85600 Tue, 27 Nov 2012 17:26:19 +0000 Devin 85600@http://www.kriesi.at/support/ <p>Hi corepath,</p> <p>We'll need to take a look at your site live. If you could also point out exactly which items you mean for the above 1-2 that will help as well since there are a lot of different things and the css needs to be specific.</p> <p>For #3, you can add the html for the link in sidebar.php after the code for the copyright inside the social_bookmarks class. It'll need to be styled to fit the area and not cause any issues however so make sure to give your link a container class or a class itself so that it can be styled easily.</p> <p>Individual pages can be targeted based on the #top class. If you use something like Firebug for Firefox or Chrome's Inspect function you can inspect the code for your pages live and identify the css for that page/element and use the page-id-## class to change the look of just one page.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-main-theme-color#post-85489 Tue, 27 Nov 2012 07:07:20 +0000 corepath 85489@http://www.kriesi.at/support/ <p>Oh, and if you know how to change the color of just one page (ie. have just the sheet color for the store be black) that would be awesome as well! </p> http://www.kriesi.at/support/topic/change-main-theme-color#post-85476 Tue, 27 Nov 2012 06:34:29 +0000 corepath 85476@http://www.kriesi.at/support/ <p>Thanks Ismael, I figured the majority of it out by trial and error, however I'm still having issues when I click the 'hide sidebar &amp; content button'. Right now when I use that feature the home icon's background is still grey, and the background of the text (ex. 'image 2 of 4") is also grey.</p> <p>If I add your code, the home icon is completely invisible, which I can't have. Basically I need help with three things:</p> <p>1) Adding code that will make the background text for "image 1 from 4" or "image 2 from whatever" black as well as for the home icon (when "hide sidebar &amp; content" is clicked). The icon and text still need to be visible, but with a black background<br /> 2) I'd like to have a permanent border in the normal light grey color around the main menu<br /> 3) I'd like to add a small link in the space between the social icons and the background controls, but I don't know how to do that.</p> <p>Help with these three things would be great!</p> <p>Cheers </p> http://www.kriesi.at/support/topic/change-main-theme-color#post-85309 Mon, 26 Nov 2012 05:28:57 +0000 Ismael 85309@http://www.kriesi.at/support/ <p>Hi corepath,</p> <p>Kindly add this code to your Quick CSS(located inside Theme Options &gt; Styling) or custom.css (can be accessed via ftp, inside the css folder):<br /> <pre><code>.box, .blog-meta, .return_content, .arrowslidecontrolls_fullscreen, .hide_content_wrap a, .img_count, .slide_thumbnails, .widget { background: black; } #top .main_menu .menu ul { background: black; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-main-theme-color#post-85246 Sun, 25 Nov 2012 01:20:46 +0000 corepath 85246@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'd like to be able to change the sheet, menu, background color etc. for the entire Flashlight template. The two options (white and dark) are great, but I'd like to take the dark and instead of dark grey, have it black. This would be for everything; menu, shop, blog, portfolio, pages etc.</p> <p>Can anybody help me out with the CSS code I need to insert in the quick CSS box or what I should do to make this change?</p> <p>Thanks, much appreciated! </p> http://www.kriesi.at/support/topic/quick-css-2#post-81686 Wed, 31 Oct 2012 13:13:17 +0000 Dude 81686@http://www.kriesi.at/support/ <p>Hey! </p> <p> Yes, the quick css field code "overwrites" existing style rules - even if they're used in combination with media queries. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/quick-css-2#post-81632 Wed, 31 Oct 2012 04:36:25 +0000 codaqueen 81632@http://www.kriesi.at/support/ <p>While this may be apparent to many in the know, it didn't occur to me until I'd used the heck out of this awesome feature.</p> <p>Your handy Quick CSS field is a GLOBAL fix.</p> <p>This means that if you set your header width to 1140px, it applies to all screens - tablets AND phones too! Not just your desktop screen, as many might be accustomed to editing.</p> <p>Be careful when you use this and read your instructions carefully. </p> http://www.kriesi.at/support/topic/something-broke-and-i-cant-fix-it#post-80959 Thu, 25 Oct 2012 01:32:12 +0000 Devin 80959@http://www.kriesi.at/support/ <p>Hey Lara,</p> <p>If you are using any kind of caching plugin that may explain the delay but all the Quick CSS field is doing is spitting its content directly into the pages source so it not taking effect immediately would be very peculiar.</p> <p>Regards,</p> <p>Devin </p>