Remove the Featured Pages Zoom effect

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

Remove the Zoom effect (Front Page) :

/* START OF Remove the Featured Pages Zoom effect */
/* hide the circular zoom, keep link */
.home .round-div {
border-color:   transparent;
}

/* hide the 270 x 250 square image - OPTIONAL */
.home .thumb-wrapper {
display:        none;
}
/* END OF Remove the Featured Pages Zoom effect */

Featured pages unlimited user ? Then use this code (for version 1.15+)

/* START OF Remove the Featured Pages Zoom effect */
.fpc-widget-front.hover .round-div {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/* END OF Remove the Featured Pages Zoom effect */

More about the CSS transform property.

 

Remove the Zoom effect (Posts) :

Customizr introduced built-in feature changes in v3.3. Go to Customize>Content>Post lists. Adjust the THUMBNAILS OPTIONS FOR THE ALTERNATE THUMBNAILS LAYOUT settings. Also check the settings THUMBNAILS OPTIONS and POST LIST DESIGN.

PL0010_Thumbnails

3.1/3.2 code

/* START OF Remove the Featured Pages Zoom effect */
/* hide the circular zoom, keep link */
.post .round-div {
border-color:   transparent;
}

/* hide the 270 x 250 square image - OPTIONAL */
.post .thumb-wrapper {
display:        none;
}

/* Reset Post position/width - OPTIONAL */
.post .tc-content {
margin-left: 0px;
min-width:  100%;
}
/* END OF Remove the Featured Pages Zoom effect */

Credit: @acub/@rdellconsulting
If you have set the Front Page to also be your Blog, then the code should change to:

Remove the Zoom effect (Front Page) on 3 Featured Images :

/* START OF Remove the Featured Pages Zoom effect */
/* hide the circular zoom, keep link */
.home .widget-front .round-div {
border-color:   transparent;
}
/* END OF Remove the Featured Pages Zoom effect */

 

HELP! There’s a white rectangle where the Zoom used to be
Don’t panic, look at this Snippet.

46 thoughts on “Remove the Featured Pages Zoom effect”

Comments are closed.