Support » Theme: Fukasawa » Custom CSS for Featured Images on Main Page

  • Resolved theonlyooks

    (@theonlyooks)


    Hey there,

    I love this theme overall but was wondering if there’s an easy way to customize the CSS for images posted on the main page of this theme, as in the featured images that appear on the main page, not in the posts themselves.

    I love CSShake and would like to add it to these images. I used this before on my previous site to make the “game cartridges” I use on my portfolio website wiggle slightly when hovered over but can’t seem to get this to work with this WordPress theme by including it in the custom CSS option.

    Right now these images have a ‘built-in’ zoom on hover which is fine but not really what I want. I might be able to figured it out on my own if I knew where that code was in this theme. I realize this is kind of nit-picky but if anyone has any advice I’d appreciate it! Thank you!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @theonlyooks,

    The CSS for the zoom animation is on line 726 in style.css file:

    .posts .format-standard .featured-media:hover img,
    .posts .format-image .featured-media:hover img { 
    	transform: scale(1.1); 
    	-moz-transform: scale(1.1); 
    	-webkit-transform: scale(1.1); 
    }

    The code actually outputting the image element is on line 64 in the content.php file.

    — Anders

Viewing 1 replies (of 1 total)
  • The topic ‘Custom CSS for Featured Images on Main Page’ is closed to new replies.