Title: Blurred header when hovering over posts- Cubic theme Last modified: August 24, 2016 --- # Blurred header when hovering over posts- Cubic theme * Resolved [mircetic](https://wordpress.org/support/users/mircetic/) * (@mircetic) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/) * Hi, * I need help with corpexplore.com. Once you hover over any posts on the main page, notice the headline (logo) get blurred for a second and then going back to the normal high def. I know this has to do with a Cubic theme option where posts that are hovered get enlarged a bit. Can I maybe make the logo static whereas it doesnt try to zoom it in and out? Any help is appreciated. * Marko Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/page/2/?output_format=md) * [Alen](https://wordpress.org/support/users/alenma/) * (@alenma) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068164) * You should find the CSS that transform the image. * ``` .hentry.has-post-thumbnail:hover .attachment-boardwalk-featured-image { -webkit-transform: translate(-50%, -50%) scale(1.02); -moz-transform: translate(-50%, -50%) scale(1.02); transform: translate(-50%, -50%) scale(1.02); } ``` * Thread Starter [mircetic](https://wordpress.org/support/users/mircetic/) * (@mircetic) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068165) * So it matches what posts are doing? * [Alen](https://wordpress.org/support/users/alenma/) * (@alenma) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068166) * ``` .hentry.has-post-thumbnail:hover .attachment-boardwalk-featured-image { -webkit-transform: translate(-50%, -50%) scale(1.02); -moz-transform: translate(-50%, -50%) scale(1.02); transform: translate(-50%, -50%) scale(1.02); } ``` * This code zoom-in the picture on the your site.It is a CSS3 Transition. Remove those codes and see what happens. * Thread Starter [mircetic](https://wordpress.org/support/users/mircetic/) * (@mircetic) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068167) * Alen, * Thanks for you help!! I tried removing it from my style.css and nothing happened! I do want to have the hover option, but not for the logo. * [Alen](https://wordpress.org/support/users/alenma/) * (@alenma) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068168) * did you empty the cache? * [Alen](https://wordpress.org/support/users/alenma/) * (@alenma) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068169) * I am sure that is the code cause I tried to remove it using developers tool… * Thread Starter [mircetic](https://wordpress.org/support/users/mircetic/) * (@mircetic) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068172) * I did empty the cache & deleted the code. Still the same issue, not sure why!! * [Alen](https://wordpress.org/support/users/alenma/) * (@alenma) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068173) * 1 will check the site now if you delete the code. * Thread Starter [mircetic](https://wordpress.org/support/users/mircetic/) * (@mircetic) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068174) * Go ahead! While you are there, any suggestions on removing borders that show up once you click on the logo?? Thank you! * [Alen](https://wordpress.org/support/users/alenma/) * (@alenma) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068176) * you got 2 css files. remove the code in the css file with this url: [http://corpexplore.com/wp-content/themes/boardwalk/style.css?ver=4.2.1](http://corpexplore.com/wp-content/themes/boardwalk/style.css?ver=4.2.1) not on the css file: [http://corpexplore.com/wp-content/themes/cubic/style.css?ver=4.2.1](http://corpexplore.com/wp-content/themes/cubic/style.css?ver=4.2.1) * [Alen](https://wordpress.org/support/users/alenma/) * (@alenma) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068178) * this code on the css making the border on the logo: * ``` .site-title a:hover, .site-title a:focus { border: medium none !important; } ``` * Are you using a child theme? Sorry I should ask this in the first place. * Thread Starter [mircetic](https://wordpress.org/support/users/mircetic/) * (@mircetic) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068181) * Alright, you enlightened me 🙂 I deleted the code we talked about on my CHILD theme, which is cubic and its all good now!! Awesome, thanks man!! Any idea how to get rid of that stupid border once you click on it? I saw that code and tried adding ‘medium’ but it didnt do anything. I’ll try it on the cubic editor this time though * [Alen](https://wordpress.org/support/users/alenma/) * (@alenma) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068184) * ``` .site-title a:hover, .site-title a:focus { border: none !important; outline: none; } ``` * put it on the custom css. Try it. It will overwrite the code. * Thread Starter [mircetic](https://wordpress.org/support/users/mircetic/) * (@mircetic) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068185) * Hmm.. I did both options- have it on my child theme + parent theme and only have it on child theme and not on parent.. still looks the same! what am I missing? I adjusted it in the layout part of css. Does child overwrite parent theme? * Thread Starter [mircetic](https://wordpress.org/support/users/mircetic/) * (@mircetic) * [11 years ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/#post-6068187) * Alen, I overlooked “outline: none” piece of it!! It’s late 🙂 Thank you so much, you did great!!!!!!! Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/page/2/?output_format=md) The topic ‘Blurred header when hovering over posts- Cubic theme’ is closed to new replies. ## Tags * [blurry logo](https://wordpress.org/support/topic-tag/blurry-logo/) * [cubic theme](https://wordpress.org/support/topic-tag/cubic-theme/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 18 replies * 2 participants * Last reply from: [Alen](https://wordpress.org/support/users/alenma/) * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/blurred-header-when-hovering-over-posts-cubic-theme/page/2/#post-6068459) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics