wilmcclung

@roller
You don’t need to edit any php files. I right clicked and chose inspect element to view the html on the circles. This was basically the same as what Michael posted above but here is my actual code that was used on my site. All you need to do is click edit a page and insert the code in the text editor, not the visual editor.
First the css:

<style>
article.hover .round-div{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
</style>

And here is the html for the circle:

<div class="container marketing">

<div class="row widget-area" role="complementary"><div class="span4 fp-one1">
<div class="widget-front">
<div class="thumb-wrapper "><a class="round-div" href="https://www.duplex-pump.com/gardner-denver" title="Gardner Denver"></a><img width="270" height="250" src="https://www.duplex-pump.com/wp-content/uploads/2014/03/54086-001-e1394308679935.jpg" class="attachment-medium wp-post-image" alt="wand" /></div><h2>Gardner Denver</h2><p class="fp-text-one">Blah blah blah</p><a class="btn btn-primary fp-button" href="https://www.duplex-pump.com/gardner-denver" title="Gardner Denver">See All</a>
</div><!-- /.widget-front -->

</div><div class="span4 fp-two">
<div class="widget-front">
<div class="thumb-wrapper "><a class="round-div" href="https://www.duplex-pump.com/gaso" title="Gaso"></a><img width="270" height="250" src="https://www.duplex-pump.com/wp-content/uploads/2014/03/55839-003-e1394309463927.jpg" class="attachment-medium wp-post-image" alt="plus" /></div><h2>Gaso</h2><p class="fp-text-two">blah blah blah</p><a class="btn btn-primary fp-button" href="https://www.duplex-pump.com/gaso" title="Gaso">See All ?</a>
</div><!-- /.widget-front -->

</div><div class="span4 fp-three">
<div class="widget-front">
<div class="thumb-wrapper "><a class="round-div" href="https://www.duplex-pump.com/wheatley" title="Wheatley"></a><img width="270" height="250" src="https://www.duplex-pump.com/wp-content/uploads/2014/03/56185-001-e1394311900416.jpg" class="attachment-medium wp-post-image" alt="html5" /></div><h2>Wheatley</h2><p class="fp-text-three">blah blah blah</p><a class="btn btn-primary fp-button" href="https://www.duplex-pump.com/wheatley" title="Wheatley">See All</a>
</div><!-- /.widget-front -->

</div></div>
</div><!-- .container -->

So I’m not sure how sure how well you parse html so if this is confusing let me know. You’ll see i used<div class=”span4″> This is part of the bootstrap layout. Since bootstrap uses a 12 space grid having span 4 means that you will have three items centered in the grid, if you only have two items you can use span6.

I take it back. I was absolutely wrong and you were right. I had tried that same code before but I forgot to remove some previous css so it did work right.

Thanks everybody!

That will keep you circles from transforming but I myself would like them to expand. Just not all at once.
I appreciate the thought though and may wind up doing that if I can’t make the circles blow up independently.

I have added done this on my page https://www.duplex-pump.com/products but I still have a major problem. When I hover over one circle they all expand. I don’t know why this is happening.

However, the basic html is as follows:

<div class="widget-front">
<div class="thumb-wrapper">
  <a href="" title=""></a>
  <img width="" height="" src="" class="attachment-tc-thumb wp-post-image" alt=""></div>
<h3>Image title here</h3>
<p class="fp-text-one">description here</p>
<a href="button link here" title="Gardner Denver">See All ?</a>
          </div><!-- /.widget-front -->

Since I have five buttons I used the bootstrap framework with div class of span4 for the top three and span6 for the bottom two

I really appreciate that ElectricFeet. This works great too.

Thanks very much, it looks a little daunting but I think I can get that done. You have been a big help.

The link works fine for me, https://www.duplex-pump.com is the main page, I have trouble with everything under the products menu.
I’ve tried several plugins for mobile and don’t like them very much. Is there a way to have seperate css if someone is using mobile?

Thanks very much for you time.

I fixed it, and now i feel dumb

The problem seems to have resolved itself. However, when you wrote that it appeared to be up I check on several other computers and got nothing.
I wish i knew the origin of the problem.

I’m told the domain name is fairly old but was just transferred to godaddy yesterday from 1 and 1. I assume thats the problem and I will have to wait up to 72 hours. If I had known that I would have waited to ask the question. My apologies and thanks for your help.

I have tried to but can’t locate it. I have found a index.php folder but I’m sure that’s not it.

Would that index.html folder be in the godaddy one click install files or in the files that I uploaded via FTP?