Title: Changing classes and layout…
Last modified: August 21, 2016

---

# Changing classes and layout…

 *  Resolved [NovaSev](https://wordpress.org/support/users/novasev/)
 * (@novasev)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-classes-and-layout/)
 * I’m pretty handy with CSS and with HTML … for the most part. I am not however
   good with PHP and playing with plugins. So here’s my issue:
 * I’m wanting to change the entire layout of how this displays. For an immediate
   example – I want it to look like the one on Zurb’s Foundation site just above
   their footer [here](http://foundation.zurb.com/learn/about.html).
 * So, specifically… CAN and if so WHAT file do I edit in order to do this? I would
   imagine I just need to take it out of a table format?? and then I need to add
   the button as a prefix to the input field. As well as float it to the right _(
   or left)_.
 * Any help would be much appreciated.
 * [https://wordpress.org/plugins/simple-subscribe/](https://wordpress.org/plugins/simple-subscribe/)

Viewing 1 replies (of 1 total)

 *  [latorante](https://wordpress.org/support/users/latorante/)
 * (@latorante)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/changing-classes-and-layout/#post-4666916)
 * Hi there mate,
 * here’s all the styling classes you need:
 *     ```
       /* General */
       span.error {} // error message
       span.success {} // success message
   
       /* Widgets */
       .widgetGuts {} // widget insides
       .widgetGuts dt {} // odd / even rows
       .widgetGuts dd {}
       .widgetGuts dt label { } // label field
       .widgetGuts dt label.required { } // required label field
       .widgetGuts dd input { } // input fields
       .widgetGuts dd textarea { } // input fields
       .widgetGuts dd input.button { } // submit button
   
       /* Shortcodes */
       .shortcode,
       .widgetGuts.shortcode {} // either one of them, guts of shortcode
       .shortcode h3 {} // form title
       .shortcode table {} // form table
       .shortcode table tr {} // table row
       .shortcode table tr.required {} // required
       .shortcode table tr th {} // holds label
       .shortcode table tr td {} // holds input / textarea
       .shortcode table tr th label {} // label
       .shortcode table tr td input,
       .shortcode table tr td textarea {} // input fields
       .shortcode table tr td input.button {} // submit button
       ```
   
 * Now, table format is only in shortcodes, in widgets it uses dt, dd, to change
   all that in **Forms.php** and find Renderer, for subscription / unsubscription
   form.
 * `$renderer->wrappers ...`
 * And change those to whatever suits you!
 * Kind regards,
    Mart

Viewing 1 replies (of 1 total)

The topic ‘Changing classes and layout…’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/simple-subscribe_99d436.svg)
 * [Simple Subscribe](https://wordpress.org/plugins/simple-subscribe/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/simple-subscribe/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/simple-subscribe/)
 * [Active Topics](https://wordpress.org/support/plugin/simple-subscribe/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/simple-subscribe/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/simple-subscribe/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [latorante](https://wordpress.org/support/users/latorante/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/changing-classes-and-layout/#post-4666916)
 * Status: resolved