Have feature image circles expand only when touched

What you’ve requested is how the core Customizr CSS works – when you hover over the region between the circle and the Button below the circle.

What version are you using?

Can you show a link to your site?

I am using version 3.0.5 and my website is https://www.lyfemarketing.com/

I understand but in firebug It shows the region in which you would have to scroll over to make the pictures expand and it is huge range far from the picture.

Think I’m right in that you’ve doctored code to get the current behaviour? (Not suggesting that’s a problem btw!)

What is showing is the same HTML in 2 places:

<div id="main-wrapper" class="container">
      <div class="container marketing"
             <div class="row widget-area" ..........

The CSS is built on these id/classes, so all 6 are behaving in the same way. You’d need to introduce some targeted id for each of the circles (eg id=”circle1″ – “circle6” or “circlerow1” – “circlerow2” and target the CSS as you need it. #circle1 {} etc.

You will have a problem with the next update which will overwrite any class-*-* files you’ve changed, so save any changes before/after.

Core Customizr 3.0.6 only targets one of the circles, so looks like you’ve changed something.

@rdellconsulting

Core Customizr 3.0.6 only targets one of the circles, so looks like you’ve changed something.

Core Customizr 3.0.5 only targets one of the circles too.

@citi11411 when you look at demo.themesandco.com do you see one expanding, or all three?

• If you see one expand, then you’ve done something to your CSS or there is a plugin interfering on your site.
• If you see all three expand, then the only thing I can think is something on your browser.

I understand but in firebug It shows the region in which you would have to scroll over to make the pictures expand and it is huge range far from the picture.

You need to click on the little arrows and then point at each line to get a greater level of granularity. Alternatively, right click the part of the page you’re interested in and click “Inspect Element with Firebug”.

@rdellconsulting Thank you for your answer. This is my first website and I am not very versed in coding and dont understand how to “target” the circles as you suggested. Is there anyway to break it down to a simpler explanation?

@electricfeet thank you for your insight as well. I will go over my code and compare it with that of the original template.

As Nic is introducing a new feature in 3.0.8 to vary how many Featured Posts to have, I’d suggest you wait for that update (today hopefully) and then try it again. Any diagnosis now may be wasted with this new feature.