[RadModerator]

Hi there,

Let me check it 🙂

Please provide your admin login credentials in private reply.

Thanks!

[crushdayParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

This is wrong, it breaks other elements.

[x_button shape="pill" size="large" block="false" circle="false" icon_only="false" href="<a href="https://decisionviz.leadpages.co/leadbox/147807273f72a2%3A101cb6296b46dc/5757907245203456/" target="_blank">" title="" target="" info="none" info_place="top" info_trigger="hover" info_content="" class="my-btn"]CLICK TO GET YOUR FREE BOOK[/x_button]

Should be like this

[x_button shape="pill" size="large" block="false" circle="false" icon_only="false" href="https://decisionviz.leadpages.co/leadbox/147807273f72a2%3A101cb6296b46dc/5757907245203456/" title="" target="" info="none" info_place="top" info_trigger="hover" info_content="" class="my-btn"]CLICK TO GET YOUR FREE BOOK[/x_button]

I made some changes and it’s randomly working, I frequestnly get this from your site and can’t fully test it

Connection lost. Saving has been disabled until you’re reconnected. We’re backing up this post in your browser, just in case.

Is it shared hosting? Let me try it again when your site is up again.

And it looks like it will only work on exact format as they recommended, like this

<button class="sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e">Click me!</button>

Thanks!

[crushdayParticipant]

Wow, not sure how to get this across.

I don’t want to use the LeadPages code anymore.

I created that second button and am trying to get the SumoMe link to work.

[RadModerator]

Hi there,

I confirmed that it only works according to recommended button format from them. Hence, you can’t add any class along with their class. I changed the button to exactly as this,

<button class="sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e">CLICK TO GET YOUR FREE BOOK</button>

And it perfectly works but no styling, so please add this CSS to your custom CSS. I like to add it but I can’t access your custom CSS section.

.sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e {
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    border: 1px solid #ac1100;
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    border-radius: 100em;
    font-weight: 700;
    padding: 0.579em 1.105em 0.842em;
    font-size: 19px;
    color: #ffffff;
    border-color: #4097d7;
    background-color: #4097d7;
    -webkit-box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.);
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.);
}
.sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e:hover {
    color: #ffffff;
    border-color: #40BAD7;
    background-color: #40BAD7;
    -webkit-box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.);
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.);
}

Thanks.

[crushdayParticipant]

I added the CSS.

But where did you add the button code? What element did you use?

I changed the button to exactly as this,

<button class=”sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e”>CLICK TO GET YOUR FREE BOOK</button>

[crushdayParticipant]

so close. the only thing is the button has no drop shadow like the original — but the CSS looks the same.

[Paul RModerator]

Hi,

Sorry about that, kindly change the code to this.

.sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e {
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    border: 1px solid #ac1100;
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    border-radius: 100em;
    font-weight: 700;
    padding: 0.579em 1.105em 0.842em;
    font-size: 19px;
    color: #ffffff;
    border-color: #4097d7;
    background-color: #4097d7;
    -webkit-box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.75);
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.75);
}
.sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e:hover {
    color: #ffffff;
    border-color: #40BAD7;
    background-color: #40BAD7;
    -webkit-box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.75);
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.75);
}

Hope that helps.

[crushdayParticipant]

it has the shadow — but it’s red.

[JoaoModerator]

Hi There,

Please add the fallowing code to Appereance Customizer Custom CSS

Adjust grey and black for the desired color.

.sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e {
    -webkit-box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px black !important;
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px black !important;

}

.sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e>hover {
    -webkit-box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px grey !important;
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px grey !important;

}

Hope it helps

Joao

[Author]

Posts