Viewing 15 replies - 1 through 15 (of 18 total)
  • 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

    (@mircetic)

    So it matches what posts are doing?

    .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

    (@mircetic)

    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.

    did you empty the cache?

    I am sure that is the code cause I tried to remove it using developers tool…

    Thread Starter mircetic

    (@mircetic)

    I did empty the cache & deleted the code. Still the same issue, not sure why!!

    1 will check the site now if you delete the code.

    Thread Starter mircetic

    (@mircetic)

    Go ahead! While you are there, any suggestions on removing borders that show up once you click on the logo?? Thank you!

    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
    not on the css file:
    http://corpexplore.com/wp-content/themes/cubic/style.css?ver=4.2.1

    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

    (@mircetic)

    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

    .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

    (@mircetic)

    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

    (@mircetic)

    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)

The topic ‘Blurred header when hovering over posts- Cubic theme’ is closed to new replies.