Changing classes and layout…

  • Resolved NovaSev

    (@novasev)


    11 years ago

    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.

    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://www.ads-software.com/plugins/simple-subscribe/

Viewing 1 replies (of 1 total)
  • latorante

    (@latorante)

    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.