Does the shortcode still have the style=”inline” attribute on it? That causes the style to display inline.
Hi,
It does not.
For example, one tablepress cell has the contents of
[maxbutton id="1" url="https://goodmoneyguide.com/visit/ig-cfd/" text="See Offer" ]<br>Your capital is at risk. 73% of retail CFD accounts lose money
This outputs the following HTML
<td class="column-5">
<style type="text/css">
.maxbutton-1.maxbutton.maxbutton-visit-broker {
position: relative;
text-decoration: none;
display: inline-block;
vertical-align: middle;
width: 150px;
height: 50px;
border: 2px solid #1e73be;
border-radius: 4px 4px 4px 4px;
background-color: #1e73be;
-webkit-box-shadow: 0px 0px 2px 0px #333333;
-moz-box-shadow: 0px 0px 2px 0px #333333;
box-shadow: 0px 0px 2px 0px #333333
}
.maxbutton-1.maxbutton.maxbutton-visit-broker:hover {
border-color: #1e73be;
background-color: white;
-webkit-box-shadow: 0px 0px 2px 0px #333333;
-moz-box-shadow: 0px 0px 2px 0px #333333;
box-shadow: 0px 0px 2px 0px #333333
}
.maxbutton-1.maxbutton.maxbutton-visit-broker .mb-text {
color: #ffffff;
font-family: Tahoma;
font-size: 16px;
text-align: center;
font-style: normal;
font-weight: normal;
line-height: 1em;
box-sizing: border-box;
display: block;
background-color: unset;
position: relative;
padding: 18px 0px 0px 0px
}
.maxbutton-1.maxbutton.maxbutton-visit-broker:hover .mb-text {
color: #1e73be
}
@media only screen and (min-width:0px) and (max-width:480px) {
.maxbutton-1.maxbutton.maxbutton-visit-broker {
width: 90%
}
.maxbutton-1.maxbutton.maxbutton-visit-broker .mb-text {
font-size: 12px
}
}
</style>
<a class="maxbutton-1 maxbutton maxbutton-visit-broker thirstylink" target="_blank" rel="" href="https://goodmoneyguide.com/visit/ig-cfd/" title="IG CFDs" data-linkid="66020" data-nojs="false">
<span class="mb-text">See Offer</span>
</a>
<br>Your capital is at risk. 73% of retail CFD accounts lose money
</td>
And just to reiterate, Use CSS file instead of inline output in footer setting is enabled
Do you have caching active? Maybe refresh them all and see if that changes anything.
The CSS-file setting ( which is a PRO only setting? ) is also not active. It should add a <link rel="stylesheet"> to the footer with this name: maxbuttons-front-css . I don’t see that being loaded either.
Perhaps try to add a button to a test page and see if that’s properly loaded in the footer to rule out anything going wrong on that part.
The site does have caching, but this has been cleared many times, and still is an issue without caching enabled.
Correct, this is the MaxButton Pro plugin.
This feature works on some pages, for example, https://goodmoneyguide.com/cmc-markets/.
The bulk usage of this plugin is within TablePress where it seems to have an issue.
Hi again,
I digged into it and I’m very sorry but totally forgot that we implemented an automatic feature to add button inline automatically when the plugin detects it’s inside TablePress.
You can turn it off by adding this snippet:
add_filter('mb/integrations/auto_inline_tablepress', function () { return false; });
When testing please note that TablePress doesn’t cache tables when the user is logged in, so also check in a browser without login.
When testing you can also remove the cached data from the database directly:
delete from wp_options where option_name like '%transient_tablepress%'
Hey,
No problem at all – thanks a lot.
This works perfectly!
Appreciate your help.
