Swagger Default CSS affecting WP-Members Plugin wrapping

[corante]

Hi,
I’ve installed the plugin WP-members (a member registration and login plugin for WP) and I’m having a small problem. When I use the plugin short-codes in a Post or Page, the layout is 100%perfect – but for some reason the plugins default layout seems to find some strange wrapping. I’ve tried looking over the CSS code using firebug and I can’t seem to find the property that I need to modify to get this plugin’s default layout to look right.

I’ve uploaded a test site at http://www.ibeatz.com/testsite/

If you click on the top NAV button ‘register’ the layout is fine – but – if you click on top NAv button ‘Sample Page’ you can see the layout of the form is kind of stretched, with the bottom ‘clear form’ and ‘submit’ buttons on top of each other, instead of next to each other.

Is it possible you can look at this and point me in the right direction? I’m not a developer. Thanks!

Topic

[Jason Bobich]

Hello,

I’m afraid I’m not seeing the issue? When I look at both pages you referenced, they seem to look the identical?

[corante]

Hi Jason,

They are close, but if you look closely in the ‘Sample Page” the div_text are farther apart. And at the botton – the buttons of the ‘new users registration’ form that say ‘Clear Form’ and ‘Submit’ – are on top of each other, instead of next to each other.

SAMPLE PAGE: http://www.ibeatz.com/testsite/sample-page/

This is the way it’s suppose look: http://www.ibeatz.com/testsite/register/

Cheers –

[Jason Bobich]

That is such a minute thing. You’re going to have customize the CSS to make it look exactly how you want. You’ve got many elements and approaches you can utilize there. I simply cannot guarantee that every 3rd-party plugin is look identical in all circumstances. It would be one thing if you were using a popular plugin and it was completely breaking the page or something, but this is a little bit of a reach.

http://support.themeblvd.com/help/#terms

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[corante]

Hey Jason,

Thanks for your help. I totally get it, though I should have framed my question a little clearer,
Though I understand the limits of your terms – I was just wondering if perhaps there’s a something
in your WP theme’s framework that you knew of – from the top of your head – that perhaps could conflict or affect a 3rd party plugins CSS. Just something I could quickly point to without taking too much of your time.

[Author]

Replies