marascof

Hello @serapion!

Try adding the following CSS to your style sheet, or via Appearance > Customize > Additional CSS:

.single-product-tabs li.tabNav_link {
background-color: #ebebeb;
padding: 10px;
}

You can adjust the color, margins, padding, etc. to suit the theme of your site. If you have any other questions, please don’t hesitate to reach out!

Thanks!

Hello @mark5979!

After checking your site, it looks like the button has been adjusted to a shorter width. Looks great! Was there anything else you needed help with?

Hello @mark5979!

Try adding the following CSS to your website to override some of the form’s default styling:

@media all and (max-width: 530px) {
.yikes-mailchimp-container .label-inline.EMAIL-label {
padding-right: 0px;
}
}

You can do this by going to Appearance > Customize > Additional CSS and pasting it there.

If you have any other questions please let us know. Thanks!

Hello @tiffytiff!

Try adding the following CSS to your website to override some of the form’s default styling:

@media all and (max-width: 750px) {
.yikes-mailchimp-container .label-inline.EMAIL-label {
padding-right: 0px;
}
}

You can do this by going to Appearance > Customize > Additional CSS and pasting it there.

If desired, you should be able to add padding to the left and right of the form from within Elementor. If not, try adding this to the same place as above:

#yikes-mailchimp-container-3 {
padding: 0px 20px;
}

You can adjust the 20px (it will apply to both left and right) to whatever number you think looks best.

If you have any other questions please let us know. Thanks!

• This reply was modified 3 years, 7 months ago by marascof.

Hello @stephaniefilip !

I’ve taken a look at your link and I don’t see the mailchimp plugin being used on that page. Is there another page where you’ve added the form that I could take a look at? I’m happy to help!

Hello @destanylaval!

I can’t seem to replicate the issue on my end using Firefox, Chrome, and Safari. Were you able to resolve it on your end? If not, can you please let me know on what browser/device you are seeing the issue?

Thank you!

Hello @tomleek!

It looks like your theme has made all inputs white with the following css:

body.light-v input {
    color: #fff !important;
}

It’s using the !important modifier at the end of the style, which would prevent any other CSS from overriding it. While not typically recommended, you will also have to use the !important modifier in order to change the color. Try this:

body.light-v .yikes-easy-mc-form input {
    color: gray !important;
}

You can change “gray” to whatever color or hex code you’d like to use.

This should also be placed under Appearance > Customize > Additional CSS.

Hope this helps. Let me know if it does!

Hello @aands!

It looks like this is a result of the min-height set on the yikes submit button. In your css file, try adding this:

.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    max-height:38px!important;
}

You can adjust the height to what you think looks best if the above suggestion is not enough.

Let me know if that helps. Thank you!

Hello @ludescher!

I can see you have position:abolute targeting the btn class. If you target this button more specifically (such as ‘yikes-easy-mc-submit-button-1’) and set the position to relative or initial, it should sit properly at the bottom of the form. ??

Hello @tzavattaro,

Can you please let me know what browser you are seeing this happen in? I am having trouble re-creating the issue.

Thanks!