This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Swagger Default CSS affecting WP-Members Plugin wrapping

  • Creator
  • #956

    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

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Author
  • #967
    Jason Bobich


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


    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.


    This is the way it’s suppose look:

    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.

    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 – 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.


    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The forum ‘Swagger Responsive WordPress Theme’ is closed to new topics and replies.