Genesis eNews Extended

Homepage Community Forums Epik Theme Support Genesis eNews Extended

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3673
    Terence
    Customer

      Hi Wes/Eric,

      Any chance you could give us some styling tips on how to integrate Genesis eNews Extended with the original look and feel of Epik?

      Terence.

      #3676
      Wes
      Moderator

        I don’t really have any tips other than to override the plugins css in your style.css file, unless it’s supposed to work differently (I haven’t really used the plugin myself just yet).

        #3681
        Terence
        Customer

          The author doesn’t even post a list of the CSS elements, so its all kind of hit and miss.

          #3683
          Terence
          Customer

            I just got an answer back from the author about the CSS elements it contains…

            Top-most container: .enews-widget
            Second container (still has everything within it): .enews
            The form itself: #subscribe
            Text Before/After: No unique CSS. It’ll auto-paragraph per WP standard. (so .enews p would hit it generally) You can add your own div tags in this space and specify your own classes if you need to customize this text more on a more granular level.

            Form elements:

            First name field: #subbox1
            Last name field: #subbox2
            E-mail field: #subbox
            Submit button: #subbutton

            Here’s a sample CSS (I think complete) based on the Executive theme (http://demo.studiopress.com/executive).

            .enews #subbox, .enews #subbox1, .enews #subbox2 {
            background-color: #fff;
            box-sizing: border-box;
            color: #888;
            font-size: 10px;
            margin: 0 0 10px;
            padding: 15px;
            text-transform: uppercase;
            width: 100%;
            }

            .enews #subbutton {
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            background-color: #64c9ea;
            border-radius: 5px;
            border: none;
            color: #fff;
            cursor: pointer;
            font-size: 14px;
            padding: 15px 20px;
            text-align: center;
            text-decoration: none;
            }

            Looks like I am gonna be busy.

            Terence.

          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘Genesis eNews Extended’ is closed to new replies.