• Resolved mircetic

    (@mircetic)


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