Support Forum - Tag: hover

Support Forum - Tag: hover - Recent Posts http://www.kriesi.at/support/tags/hover Support Forum - Tag: hover - Recent Posts en-US Thu, 20 Jun 2013 06:55:47 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php colorit2 on "Changing social bookmarks and sub menu = weird hovering" http://www.kriesi.at/support/topic/changing-social-bookmarks-and-sub-menu-weird-hovering#post-119400 Wed, 19 Jun 2013 09:50:49 +0000 colorit2 119400@http://www.kriesi.at/support/ Hi, I have just changed the positions of the sub menu (should be at the left) and the social bookmarks (should be at the right) with this CSS: <pre><code>.sub_menu { left: 0 !important; } #top .social_bookmarks { float: right; }</code></pre> So far, so good. Before this change, when the socials are at the left (as in ENFOLD demo), then when I approach the icon with my mouse from the bottom, then the hover color&link cursor appears as soon as I'm at the bottom of this bar: <img src="http://i44.tinypic.com/2m5bh53.jpg" /> After this change, when I approach the social bookmarks with my mouse from the bottom, then the hand cursor/link/hover color appears not until I'm at the top of this header bar - see screenshot: <img src="http://i39.tinypic.com/2u4srjl.jpg" /> There must be another file than the CSS, where this "hovering transitions" are set? Sorry, hope the screenshots help, because I cannot go online with my website right now. Thanks. Ismael on "Menu Hover" http://www.kriesi.at/support/topic/menu-hover#post-118563 Sat, 15 Jun 2013 06:35:49 +0000 Ismael 118563@http://www.kriesi.at/support/ Hey, Glad it is working now. Thanks mhafeezmm. Cheers, Ismael rksystems on "Menu Hover" http://www.kriesi.at/support/topic/menu-hover#post-118459 Fri, 14 Jun 2013 20:13:10 +0000 rksystems 118459@http://www.kriesi.at/support/ Thank you very much! mhafeezmm on "Menu Hover" http://www.kriesi.at/support/topic/menu-hover#post-118371 Fri, 14 Jun 2013 11:31:46 +0000 mhafeezmm 118371@http://www.kriesi.at/support/ Hi rksystems, Just add <code>!important</code> after the color. Like this: <code> .header_color .main_menu ul.sub-menu > li a:hover { color: red !important; } </code> rksystems on "Menu Hover" http://www.kriesi.at/support/topic/menu-hover#post-118200 Thu, 13 Jun 2013 21:11:50 +0000 rksystems 118200@http://www.kriesi.at/support/ Hi Peter, The sub-menu code doesn't work for me when I enter it into the Quick CSS box. Any particular reason why this wouldn't work? Thanks. Dude on "Menu Hover" http://www.kriesi.at/support/topic/menu-hover#post-117985 Thu, 13 Jun 2013 06:06:40 +0000 Dude 117985@http://www.kriesi.at/support/ Hey! Sure - use: <pre><code>.header_color .main_menu ul.sub-menu > li a:hover { color: red; }</code></pre> Best regards, Peter rksystems on "Menu Hover" http://www.kriesi.at/support/topic/menu-hover#post-117787 Wed, 12 Jun 2013 04:49:20 +0000 rksystems 117787@http://www.kriesi.at/support/ Thank you very much. Is there similar css I can use for the submenu link and hover colors? Ismael on "Menu Hover" http://www.kriesi.at/support/topic/menu-hover#post-117729 Wed, 12 Jun 2013 02:00:12 +0000 Ismael 117729@http://www.kriesi.at/support/ Hi, Please add this on your custom.css or Quick CSS <pre><code>.header_color .main_menu ul:first-child > li a:hover { color: red; }</code></pre> Change the color. Regards, Ismael rksystems on "Menu Hover" http://www.kriesi.at/support/topic/menu-hover#post-117651 Tue, 11 Jun 2013 17:18:29 +0000 rksystems 117651@http://www.kriesi.at/support/ I am wanting to change the color of the hover on the main menu, but I can't seem to find it in the back end styling section. Where can I change that? Devin on "Safari browser issue, hover on team thumbnails not working" http://www.kriesi.at/support/topic/safari-browser-issue-hover-on-team-thumbnails-not-working#post-115422 Fri, 31 May 2013 20:50:48 +0000 Devin 115422@http://www.kriesi.at/support/ Hi cogitocorp, I didn't see any issue on my end or another computer I asked for it to be tested on. Regards, Devin Nick on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-115095 Thu, 30 May 2013 19:44:47 +0000 Nick 115095@http://www.kriesi.at/support/ Thanks and enjoy the theme. If you run into problems we are always here. Good luck, Nick cogitocorp on "Safari browser issue, hover on team thumbnails not working" http://www.kriesi.at/support/topic/safari-browser-issue-hover-on-team-thumbnails-not-working#post-115086 Thu, 30 May 2013 18:55:50 +0000 cogitocorp 115086@http://www.kriesi.at/support/ Any word on this issue yet? solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-115059 Thu, 30 May 2013 16:31:27 +0000 solljul 115059@http://www.kriesi.at/support/ Hi, No problem, thank you Nick. Once again, thank you for your support! Great themes, great team, great work! Best regards, Jul Nick on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-115014 Thu, 30 May 2013 13:35:19 +0000 Nick 115014@http://www.kriesi.at/support/ Hi, Ya that's the problem. Apple for some reason discontinued Safari for Windows a year ago, making it difficult to see what's going on. If this issue is not a major discomfort, please hang on till i get a chance to see it on an Apple device since on Windows i don't see any blinking on any browser (ie.ff.ch) Thanks, Nick solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114996 Thu, 30 May 2013 11:36:45 +0000 solljul 114996@http://www.kriesi.at/support/ Hi, Yes no problem. So the flashing effect is on this area : <a href="http://www.juls.ch/studios/medias/Capture-d’écran-2013-05-30-à-13.26.56.png" rel="nofollow">http://www.juls.ch/studios/medias/Capture-d’écran-2013-05-30-à-13.26.56.png</a> and on images (only if have a lightbox effect link) <a href="http://www.juls.ch/studios/medias/Capture-d’écran-2013-05-30-à-13.26.46.png" rel="nofollow">http://www.juls.ch/studios/medias/Capture-d’écran-2013-05-30-à-13.26.46.png</a> So on this page : <a href="http://www.juls.ch/studios/lost" rel="nofollow">http://www.juls.ch/studios/lost</a> when you put your mouse over the image, the flashing effect appear on the two area mentionned above. But only in Safari for MAC (not verified on Windows). Thanks to you for your work. Jul Nick on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114988 Thu, 30 May 2013 11:12:31 +0000 Nick 114988@http://www.kriesi.at/support/ Hi, Yeh but I might as well fix it now, since I think someone else was having similar issues. Take a look at this <a href="http://www.clipular.com/c?6670240=aAcJ4A5wjk1ywtQN18G_hoONHTU&f=.png" rel="nofollow">http://www.clipular.com/c?6670240=aAcJ4A5wjk1ywtQN18G_hoONHTU&f=.png</a> Is the part where the menu and logo are located supposed to be like that ? the background i mean. Can you post a snapshot what you consider correct, when logo becomes small? Please see if this does anything <pre><code>.avia_textblock, .avia-icon-list, .avia-button, .avia-testimonial, .iconbox, .avia_message_box, .avia-team-member, .widget, .post, .team-img-container img, .team-social, .iconlist_icon, .fallback-post-type-icon, .fullsize .related_posts, .grid-image, .avia-caption-content, .avia-caption-title, .entry-content { -webkit-backface-visibility: visible !important; }</code></pre> Thanks, Nick solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114879 Thu, 30 May 2013 06:04:28 +0000 solljul 114879@http://www.kriesi.at/support/ Hi Nick, Perfect! The flashing has disappeared from socket in all browsers MAC. Only remained a flashing effect on image mouseover and social bookmark's menu, you can see on this page <a href="http://www.juls.ch/studios/lost" rel="nofollow">http://www.juls.ch/studios/lost</a> But ONLY on Safari MAC. That's not really a problem for me. Thank you very much. Jul Nick on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114862 Thu, 30 May 2013 03:49:06 +0000 Nick 114862@http://www.kriesi.at/support/ Hi, I think I found the problem. Please add this <pre><code>.alternate_color{ z-index: 0; } #socket { margin-top: 0px; z-index: 0; }</code></pre> If this same behavior happens elsewhere, please let us know. I tested on Chrome on Windows 7, and flashing on hover goes away. Thanks, Nick bearcatsandor on "Changing the size of the zoom hover" http://www.kriesi.at/support/topic/changing-the-size-of-the-zoom-hover#post-114578 Tue, 28 May 2013 22:04:00 +0000 bearcatsandor 114578@http://www.kriesi.at/support/ Thank you so much! I was able to adjust the width and height to be more in line with what my client wanted solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114566 Tue, 28 May 2013 20:31:16 +0000 solljul 114566@http://www.kriesi.at/support/ Hi, I've just played with it. The phenomenon is the same without any background image. You can compare this page : <a href="http://www.juls.ch/studios/contact/" rel="nofollow">http://www.juls.ch/studios/contact/</a> (put you mouse on the contact form and look the socket) with this one <a href="http://www.juls.ch/studios/test/" rel="nofollow">http://www.juls.ch/studios/test/</a> (same test) You cn see the phenomenon only with sidebar on contact form page, but always on other pages with mouseover effect like lightbox for example... tested without any background images, same prob. Strange! All this only in webkit (Chrome and Safari MAC, not tested on Windows) Thx Jul solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114564 Tue, 28 May 2013 20:22:16 +0000 solljul 114564@http://www.kriesi.at/support/ Hi, Same problem with this syntax, but without fixed blocks, the backgrounds blocks works individually and not like a single big background. You can see the result <a href="http://www.juls.ch/studios/lost/" rel="nofollow">http://www.juls.ch/studios/lost/</a> Thx Jul... Nick on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114562 Tue, 28 May 2013 20:03:56 +0000 Nick 114562@http://www.kriesi.at/support/ Hi, I played around with it. I broke it up into individual parts so it's easier to handle. Please try these blocks . I took off fixed on the blocks that don't need it. <pre><code>.main_color{ background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png); background-size: 100% 100%, auto; background-position: left top, left top; background-repeat: no-repeat, repeat; background-attachment: fixed, fixed; } .container_wrap_logo{ background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png); background-size: 100% 100%, auto; background-position: left top, left top; background-repeat: no-repeat, repeat; } .alternate_color{ background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png); background-size: 100% 100%, auto; background-position: left top, left top; background-repeat: no-repeat, repeat; } html { background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png); background-size: 100% 100%, auto; background-position: left top, left top; background-repeat: no-repeat, repeat; } .socket_color{ background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png); background-size: 100% 100%, auto; background-position: left top, left top; background-repeat: no-repeat, repeat; } .footer_color{ background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png); background-size: 100% 100%, auto; background-position: left top, left top; background-repeat: no-repeat, repeat; }</code></pre> Thanks, Nick solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114560 Tue, 28 May 2013 19:59:46 +0000 solljul 114560@http://www.kriesi.at/support/ For your answere about my custom.css <pre><code>.socket_color, .footer_color, .alternate_color, .container_wrap_logo, .main_color { background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png); background-size: 100% 100%, auto; background-position: left top, left top; background-repeat: no-repeat, repeat; background-attachment: fixed, fixed; }</code></pre> That's the way for CSS3 multiples background, here I have 2 backgrounds, an SVG who is 100% height and 100% width, and a .png with repetition (under the SVG). No repeat is for the SVG and repeat is for the .png. I use this from long time, it's work fine, for example with your Choices theme. I have only this phenomenon in Enfold on Safari and Chrome... Thx Jul Nick on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114557 Tue, 28 May 2013 19:49:42 +0000 Nick 114557@http://www.kriesi.at/support/ Hi, See above I amended my answer once I remembered about the flickering. The fixed directive seems to be causing it. Thanks, Nick solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114556 Tue, 28 May 2013 19:47:20 +0000 solljul 114556@http://www.kriesi.at/support/ Nick you're hero of the day! :o) That's only what I needed! Sorry for my explanations, my english is not (always) good ;o) Just the last prob for me is the flickering effects with background that I had mentioned on Safari and Chrome. That's a minor problem for me but it was mentioned also here : <a href="http://www.kriesi.at/support/topic/alternate-background-image-flickering-black-when-window-resize" rel="nofollow">http://www.kriesi.at/support/topic/alternate-background-image-flickering-black-when-window-resize</a> you can close my post and I'll take a look on this one. Thanks! Jul... Nick on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114551 Tue, 28 May 2013 19:27:15 +0000 Nick 114551@http://www.kriesi.at/support/ Hi, You can use the theme correctly with sidebar or without. Just a matter of tweaking it with CSS since there is no way to create such a robust theme that's one-size fits all, without a few adjustments to meet individual expectations. But then again, that's why I am here. :) Please add this to your /css/custom.css <pre><code>#top.single .fullsize .template-blog .post .entry-content > *, #top.single .fullsize .template-blog .post .entry-content { max-width:990px !important; }</code></pre> If 990px is too small, set it at 1100 but 990 seems to be the size of your image. Thanks, Nick solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114527 Tue, 28 May 2013 18:17:30 +0000 solljul 114527@http://www.kriesi.at/support/ Ok, I've tried to do otherwise. If you see <a href="http://www.juls.ch/studios/lost" rel="nofollow">http://www.juls.ch/studios/lost</a> : Safari 6 and Chrome for MAC : image as the same width as the text Ok for me but how can I have the same width post without sidebar as the post with sidebar ?? Because the image is smaller than I had a sidebar... Firefox for MAC : Th image has is orgininal size... I don't understand anything... And last problem (only Chrome and Safari for MAC, not Firefox for MAC), as you can see, on mouse over the image there is a flashing effect on socket and header. On my contact page I have the same problem on mouseOver the contact form, flickering on footer, but only with sidebar, without sidebar I don't have this effect... I can't use the theme correctly without sidebar... Jul solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114518 Tue, 28 May 2013 17:18:47 +0000 solljul 114518@http://www.kriesi.at/support/ Hi, Yes Yes This is a simple blog post... --- Ok, but if I save it as regular, I have to insert my image in the post, and if I do that, my image is small! (it happens only with full width display "no sidebar", if I use a sidebar, no problem!) I see now why you don't have an example without sidebar ;o) I've tried to set the news page as a normal page (not setting as blog page in settings) and use the advanced template builder to use blog post with "read more" links, but read more links don't works... I'm sorry but I've many many probleme with blog elements on full width, I don't understand why. Thx Jul Nick on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114496 Tue, 28 May 2013 15:46:09 +0000 Nick 114496@http://www.kriesi.at/support/ Hi, Have you assigned the News page to be the blog in Enfold > Theme Options? <a href="http://www.clipular.com/c?6941003=Gaw-5mtW4pH-GEOD9ZyE_T_op9A&f=.png" rel="nofollow">http://www.clipular.com/c?6941003=Gaw-5mtW4pH-GEOD9ZyE_T_op9A&f=.png</a> Are your settings in Settings > Reading (front page display) <a href="http://www.clipular.com/c?6919054=JosRzTZUT-5OncFDyuys04CjGFI&f=.png" rel="nofollow">http://www.clipular.com/c?6919054=JosRzTZUT-5OncFDyuys04CjGFI&f=.png</a> (top part) the same as here? How are you creating the individual image page? This one <a href="http://www.juls.ch/studios/lost/" rel="nofollow">http://www.juls.ch/studios/lost/</a> ? ---- You are setting the post as Format "image".. Save it as : format: Regular. .. I think the image format does what it says, it displays the entire image. Also don't forget that you can add the Advanced Layout option to posts as well, and that way you can add a slider in there or a gallery, so that way you will see the thumbnail first. Thanks, Nick solljul on "Lightbox on preview images..." http://www.kriesi.at/support/topic/lightbox-on-preview-images#post-114345 Tue, 28 May 2013 06:03:18 +0000 solljul 114345@http://www.kriesi.at/support/ Hi Ismael, Not better... lost the link again, nothing happens... H E L P :o) Best regards Jul