Support Forum - Topic: My Condensed Question Thread

Support Forum - Topic: My Condensed Question Thread http://www.kriesi.at/support/topic/my-condensed-question-thread Support Forum - Topic: My Condensed Question Thread en-US Sun, 26 May 2013 04:50:54 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Ismael on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-66881 Sat, 21 Jul 2012 12:58:45 +0000 Ismael 66881@http://www.kriesi.at/support/ Hi Wyko, Glad that we could help you. :) Cheers, Ismael Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-66871 Sat, 21 Jul 2012 11:00:47 +0000 Wyko 66871@http://www.kriesi.at/support/ There's still a white bar at the bottom of the mobile version, but that's so much less of a problem I barely even noticed. You did it! Thanks so much Ismael!! Ismael on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-66849 Sat, 21 Jul 2012 06:47:31 +0000 Ismael 66849@http://www.kriesi.at/support/ Hi Wyko, Kindly remove this code: <pre><code>#top #slideshow_big, #main { top: -38px !important; }</code></pre> and add this code: <pre><code>body { margin-top: -38px !important; } #header { top: 38px !important; }</code></pre> Hope this resolves the issue. :) Regards, Ismael Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-66781 Fri, 20 Jul 2012 16:42:30 +0000 Wyko 66781@http://www.kriesi.at/support/ Dude, Devon told me to remove the #Main code. But either way, it doesn't work properly. With #Main: Everything looks great except for the white bar at the bottom. Without #Main: The white bar is gone, but the front page slideshow and breadcrumbs everywhere else become elongated. Dude on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-66688 Fri, 20 Jul 2012 06:23:41 +0000 Dude 66688@http://www.kriesi.at/support/ Hi! You need to adjust the #main css code - eg add following code to css/custom.css and adjust the top value (increase/decrease it if required): <pre><code>#main { top: -28px !important; }</code></pre> Regards, Peter Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-66238 Wed, 18 Jul 2012 01:46:38 +0000 Wyko 66238@http://www.kriesi.at/support/ It has also expanded the breadcrumbs a lot. Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-66237 Wed, 18 Jul 2012 01:40:39 +0000 Wyko 66237@http://www.kriesi.at/support/ Devin, Excellent suggestion! That has cleared out all the spaces I can see. Great work! The only unintended side effect is that the slideshow has crawled up a tad, cutting the top of the image slightly and expanding the callout below it a bit. Do you know why? <a href="http://i.imgur.com/q7oxv.png" rel="nofollow">http://i.imgur.com/q7oxv.png</a> Here's my entire custom.css: <pre><code>/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */ .main_menu { top: -55px; left: 220px; } .main_menu ul:first-child > li > a{ font-size:20px; font-family: Monaco, Consolas, "Lucida Console", monospace; color:#049dd9 !important; } .main_menu ul:first-child > li > a:hover{ color:#db8e1b !important; } #searchform { display: none; } .small_header_info { font-size:17px !important; font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif !important; font-style:normal !important; min-width: 300px !important; font-weight:bold; color:black !important; } #menu_container { height: 140px !important; min-height: 140px !important; } div .logo { padding: 20px 0 4px 0 !important; } #top #slideshow_big { top: -38px !important; } .one_fourth p, .post-content > div.entry-content > p { color: brown; } .feedback_button { left: -63px !important; background-color:#db8e1b !important; border-color:#e1e1e1 !important; } .page-id-86 .feedback_button{ display: none; } .callout .big_button { background-color: #db8e1b !important; border-color:#ebab4c !important; } .callout .big_button:hover { background-color: #ebab4c !important; }</code></pre> Devin on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-66163 Tue, 17 Jul 2012 18:39:21 +0000 Devin 66163@http://www.kriesi.at/support/ Hi Wyko, In your custom.css you have <pre><code>#top #slideshow_big, #main { top: -38px !important; }</code></pre> Remove the #main from that. You can adjust the following to move the header elements around a bit instead: <pre><code>div .logo { padding: 20px 0 4px 0; }</code></pre> Note: I change the bottom padding to 4 which seems to do the trick. Alternatively, you can just change the background of the: <pre><code>#wrap_all { background-color: #ffffff; }</code></pre> To black so that the space in the footer is just not noticeable Regards, Devin. Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-65590 Sat, 14 Jul 2012 14:12:44 +0000 Wyko 65590@http://www.kriesi.at/support/ Thanks for the reply! As for #2: There seems to be a white bar at the very bottom of my pages now. That's the only thing left! Everything else has been resolved. Devin on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-65453 Fri, 13 Jul 2012 16:25:21 +0000 Devin 65453@http://www.kriesi.at/support/ Hi Wyko, 1. Looks like your code in custom.css has the correct fix. I'm not quite sure what the root cause of this is but I'll report it to Kriesi. 2. Appears to be correct now as well. The css change is exactly as you are describing. The code in your custom.css quite literally has not loaded to change the view of your page and so the browser does not have new directions for displaying the content yet. Once the data IS loaded, the browser makes your adjustments. If you get everything exactly as you want it, you can either choose to make your custom.css layout changes directly to the theme style.css or use a performance plugin on the site to compress all the css and have it load in quicker. Regards, Devin Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-64302 Sun, 08 Jul 2012 02:05:25 +0000 Wyko 64302@http://www.kriesi.at/support/ Figured out the hover text issue. The final code to change the color and font of the main menu: <pre><code>.main_menu ul:first-child > li > a{ font-size:20px; font-family: Monaco, Consolas, "Lucida Console", monospace; color:#049dd9 !important; } .main_menu ul:first-child > li > a:hover{ color:#db8e1b !important; }</code></pre> Any support team: Please review the questions in the opening. Thanks! Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-64258 Sat, 07 Jul 2012 15:05:49 +0000 Wyko 64258@http://www.kriesi.at/support/ Removing those lines does not in any way change the hover-over effect of the text. I think that the first line of code there has permanently changed the color of the text so that I can't hover it anymore. Unless someone has another idea, I'll keep playing with it. In the meantime, I still have other questions in the opening that I would dearly love answers to! Ismael on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-64188 Sat, 07 Jul 2012 05:25:42 +0000 Ismael 64188@http://www.kriesi.at/support/ Hello, I think you got the same snippets here. <pre><code>#top .main_menu .menu li:hover ul ul, #top .main_menu .menu li:hover ul ul ul,#top .main_menu .menu li:hover ul ul ul ul{ color:#f29d35 !important; } #top .main_menu .menu li:hover ul, #top .main_menu .menu li li:hover ul, #top .main_menu .menu li li li:hover ul, #top .main_menu .menu li li li li:hover ul{ color:#f29d35 !important; }</code></pre> Maybe you could try to remove the hover on the first row and change the color. Regards, Ismael Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-64175 Sat, 07 Jul 2012 00:50:29 +0000 Wyko 64175@http://www.kriesi.at/support/ 5: Changing the color of the menu hover color For some reason, none of the Theme Options changed the color of the menu font. So I added the following lines to custom.css: <pre><code>.main_menu ul:first-child > li > a{ font-size:23px; font-family: Century Gothic, sans-serif; color:#049dd9 !important; } #top .main_menu .menu li:hover ul ul, #top .main_menu .menu li:hover ul ul ul,#top .main_menu .menu li:hover ul ul ul ul{ color:#f29d35 !important; } #top .main_menu .menu li:hover ul, #top .main_menu .menu li li:hover ul, #top .main_menu .menu li li li:hover ul, #top .main_menu .menu li li li li:hover ul{ color:#f29d35 !important; }</code></pre> The color of the menu changed to the appropriate hue, but stopped responding to mouse hoover at all. Apparently my edit to the hoover color didnt work. How can I fíx that? Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-64115 Fri, 06 Jul 2012 17:08:44 +0000 Wyko 64115@http://www.kriesi.at/support/ Resolved clearing the header's right side by removing the icons from "Theme Options" and then clearing the search bar by: <pre><code>#searchform { display: none; }</code></pre> Wyko on "My Condensed Question Thread" http://www.kriesi.at/support/topic/my-condensed-question-thread#post-64112 Fri, 06 Jul 2012 16:49:22 +0000 Wyko 64112@http://www.kriesi.at/support/ In the last two days I posted several questions, about half of which have already been answered. In order to stop my threads from rudely cluttering up the top of the forum, I'm posting them all here. 1: Quicklink positioning <ul> <li>A: The 'Contact' or 'Feedback' quicklink moves further and further from the left side of the page the more text I put in it. How do I fix that? <a href="http://imgur.com/a/APJhY" rel="nofollow">http://imgur.com/a/APJhY</a></li> <li>B: Is it possible to disable the contact quicklink when I'm on the contact page? Seems redundant.</li> </ul> 2: Reducing the header height. I need the height of the header to be smaller than it is now, so that the spacing below the logo is as much as the spacing above it currently is. <a href="http://www.getgeek.org/temp" rel="nofollow">http://www.getgeek.org/temp</a> I've tried: <pre><code>div .logo { padding: 0px; clear:none; } .main_menu { top: 55px; left: 15px; }</code></pre> which didn't work, and then: <pre><code>#header .container{ min-height:140px; } #header .container_wrap{ height: 140px; }</code></pre> ...which resulted in this: <a href="http://i.imgur.com/5XVCJ.png" rel="nofollow">http://i.imgur.com/5XVCJ.png</a> <strike>3: Clearing the header's right side I'm still looking into this, but I also want to clear all the icons and search bars from the right side of the header. I think I'll be able to figure this one out from searching the forum though.</strike> <-- Got it! 4: Misc question: Slow loading custom.css? I changed the custom.css file to move my main menu up and beside the logo, and also change its font. I've noticed that on a slow connection, the menu will remain down below the logo with the original font until it finishes loading, at which point it moves to the proper position and format. Any idea why?