Product button very ugly - by fguyaux - on WordPress WooCommerce support

I created a copy install: http://parallaxpress2.wpengine.com/

This is only a test install, you can change settings there yourself to find a solution.

Same credentials as the other one.

I put the FTP access in the private content

Thank you for your help Eva – will I be able to recreate the same product tabs as in your demo ?

this was imported from your demo content.

I would really need to recreate the same look with the products tabs. My client choose your template because of that.

Hi again,

I tested by taking out some elements in the home page. When I took out the post grid, the bug disappears. Here the home page with the bug: http://parallaxpress.wpengine.com/

Here the home page without the bug: http://parallaxpress.wpengine.com/

I would really appreciate help to fix this.
Please have your coder look at the problem and find a fix for this display conflict.

Thank you,
Francoise

Hi,

Could you please confirm that you can access the website by FTP ? I am waiting for the problem to be solved to show the page to my client.

I would really appreciate if you can solve that problem quickly – it is been 6 days since I contacted you and I spent a lot of times on this.

Thank you again.

Thank you – I will look at that with wp-engine support.

Best,
francoise

Eva,

FYI, here the answer from WP-Engine, and my answer to them. Mainly they are saying that it is a theme issue. And I am saying they should try to help me with this, as you are. Thanks again for the time you spent on this.
______

Hi Francoise,

Thank you for contacting WP Engine support! I am happy to see that you were able to resolve the issue you were experiencing with your theme’s css. I do want to address that new deploys that we make can potentially re add the wpe-common.css file which will ultimately cause your theme to break again.

Please know that the wpe-common.css is a file installed on every single site platform wide here (so hundreds of thousands of sites) at WP Engine and does not pose a problem for those customer sites. I say this because us modifying that code to address an issue with your theme unfortunately will not be an option. Please let us know if you have any other questions or is there is anything else we can assist with.

Cheers,

Ryan Hodge | WP Engine

January 19, 2016, 3:43 PM
User photo Francoise Guyaux
Hi Ryan,
This response is really not satisfying.

First that does not mean that because I have a problem it is not coming from your settings, simply because thousands of other website do not have the problem. The theme that I am using also have lots of users that do not have that problem.

I do not know where the problem is from, from your files or from the theme coding (or maybe a mix even), but at least the theme support is trying to help me, and not you. I have a problem with your support not willing to TRY to help me – just saying “no solution, your problem.”

Second, in the WordPress install, I think I should be able to change the css of files – like a child theme for example, without it being override by you. Or an option to not load that file.

Please contact your supervisor about this problem.

The code problem is the following:

/**these styles are borrowed from Twitter Boostrap**/
.btn {
display:inline-block;
*display:inline;
padding:4px 12px;
margin-bottom:0;
*margin-left:.3em;
font-size:14px;
line-height:20px;
color:#333333;
text-align:center;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);
background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);
background-image:linear-gradient(to bottom,#ffffff,#e6e6e6);
background-repeat:repeat-x;
border:1px solid #bbbbbb;
*border:0;
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color:#a2a2a2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ffffffff’,endColorstr=’#ffe6e6e6′,GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom:1;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

I understand, thank you Eva.

I will open another ticket for tabs look.

Best,
Francoise