Theme Causing CSS Conflict

[fikasem]

Hey there,

I have installed an affiliate plugin and theme X is making it look so weird and I can’t seem to overwrite the CSS either. I’m mainly bothered by the look on this page http://1c2.b0b.myftpupload.com/affiliate/?wp_affiliate_view=signup

Some of it is weirdly centered and some is not.

Is there anything I can do to fix this?

Thanks!
Ann

[mldarshana]

Hi There,

Thanks for writing in! Could you please point out which elements that you’re having issues with and what you want to do. So that we should be able to assist you on this.

By looking at the form, I only see the terms & condition check box is off. You can try adding the following CSS for that.

.affiliate-t-and-c.required {
    float: none;
}

Thanks!

[fikasem]

I made the width smaller and that made the spacing a bit less. Before that it was a massive gap between the text and the text box. The TOC is an issue. The CSS will add the checkmark box below the text. All the text seems to be centered for some reason, can we change that? This page http://1c2.b0b.myftpupload.com/affiliate/?wp_affiliate_view=login is doing the same thing with the checkbox.

Also, this page http://1c2.b0b.myftpupload.com/affiliate/?wp_affiliate_view=details looks really weird too with the text right aligned over the text boxes.

Thanks!

Ann

[friech]

Hi Ann,

Thank you for the credentials, on the forms; the only element that is styled by X CSS is the “Terms and Conditions” label, which can be resolved with the custom CSS below.

label[for="affiliate-t-and-c"] {
	display: inline;
}

The rest of the styling including the text centering and positioning of the label and the text field (in the table) are all from the plugin.

Please clarify what is the issue on this page (http://1c2.b0b.myftpupload.com/affiliate/?wp_affiliate_view=details) as I don’t see any text boxes in that form.

Cheers!

[fikasem]

Great, that did put the box inline, it’s on the right side though, which is a bit weird but I guess I could live with that.

You have to log in and click “Edit Profile” to see the issue

Thanks!
Ann

[ruenel]

Hello Ann,

I have logged in and I am seeing this:

It is aligning to the right because the affiliate view css is defining the alignment. Do you want it to align to the left, if that is the case, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

body #update_user {
    text-align: left;
}

Hope this helps. Please let us know how it goes.

[fikasem]

That looks much better, thanks RueNel!

Do you think you can help me with the “Remember Me” text on this page too http://1c2.b0b.myftpupload.com/affiliate/?wp_affiliate_view=login ? I can’t seem to figure that one out either

It’s so strange that all is coming from the plugin, yet the plugin developer told me it looks weird because of the X theme.

Thanks for all the support!

Ann

[thai]

Hi There,

Please also add this custom CSS:

#logForm > table > tbody > tr:nth-child(4) > td * {
    text-align: left !important;
    margin-top: 3px;
}

Let us know how it goes!

[fikasem]

Sooooo much better!! Is there a way to float the text left for the terms and condition too? This is much better than having it centered.

THANKS for all the help!!

Ann

[friech]

Hi Ann,

Please add this on Theme Options > CSS

#regForm > table + p {
	text-align: left !important;
}

We love to continue on helping on your forms styling, regretfully we cannot provide further support for third-party plugins due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin. Because of this, any additional questions you have regarding this form plugin will need to be directed to the original developer.

Thank you for your understanding.

[fikasem]

Totally get it!

Thanks so much though!

Ann

[friech]

Thanks, Please feel free to get in touch with us regarding any further queries about the Pro, X|Theme, and Cornerstone.

Cheers!