WordPress.org

Support

Support » Plugins and Hacks » Genesis eNews Extended » [Resolved] Dynamik CSS

[Resolved] Dynamik CSS

  • I am using Dynamik for Genesis so my CSS may look a little different.

    I’m trying to get it styled properly so it shows the first name and email address and submit to Aweber.

    Can you help me figure out the CSS that needs to be added to style the name field?

    You can see the form in a feature box here: http://trueresultsunleashed.com.

    You’ll see I have the Aweber form in the section and the Genesis eNews Extended plugin below that.

    Here’s my CSS Code:

    .enews input[type=”submit”],
    .search-form input[type=”submit”] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }

    I’m not sure what to modify to style the name field.

    http://wordpress.org/extend/plugins/genesis-enews-extended/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Brandon Kraft

    @kraftbj

    Happiness Engineer

    Hi,

    You’ll need to modify the CSS by adding “#subbox1” to everywhere there’s a reference to #subbox.

    For example, if it currently says .enews #subbox { change it to .enews #subbox, .enews #subbox1 {

    Quick glance looks like there are three places in your CSS you’ll need to do something like that to make it match the e-mail field.

    If you need additional guidance, let me know and I’ll check into your CSS a bit more. Cheers!

    Thanks for the very rapid response Brandon.

    I read your tutorial about this but I’m a little stumped because I don’t see .subbox anywhere in my code.

    Am I missing something? Do I need to change the variable somehow?

    Plugin Author Brandon Kraft

    @kraftbj

    Happiness Engineer

    I don’t own Dynamik, so you may need to contact them regarding this to some degree.

    A version of this stylesheet is being loaded:
    http://trueresultsunleashed.com/wp-content/uploads/dynamik-gen/theme/dynamik.css

    In that file, the .subbox CSS is set in two places:

    .s, #subbox {
    	background: #FFFFFF;
    	border: 1px solid #EEEEEE;
    	width: 130px;
    	margin: 10px -7px 0 0;
    	padding: 6px 0px 6px 6px;
    	color: #050505;
    	font-family: Arimo, sans-serif;
    	font-size: 11px;
    }

    and

    .enews #subbox {
    	margin: 5px -7px 0 0;
    	padding: 6px 5px;
    	width: 75%;
    }

    You may just need to copy and paste that into a custom CSS area, adding #subbox1.

    I hope to work with Dynamik’s developer to make this easier, but for now, I hope this helps!

    I added subbox1 to the custom CSS and that worked.

    Last question before I focus on list functionality.

    How do I stylize the submit button? I have a button class with the right colors but it’s not carrying over into my featurebox class for some reasons. Can I stylize the button just for Genesis Enews Extended?

    Thanks.

    Plugin Author Brandon Kraft

    @kraftbj

    Happiness Engineer

    In your original post, instead of using .enews input[type=”submit”], try using .enews #subbutton instead.

    Hmmm….that doesn’t appear to be working. I put in in another widget area outside the featurebox just in case that was an issue but it’s not working there either.

    Any other thoughts? Can I add a color code for the form directly for default and hover?

    Not sure why it’s not working.

    Actually, I just realized it’s not as necessary as I was thinking to use this plugin. There are other ways I can solve this for my site.

    Thanks for all your rapid and helpful support. I’m going to implement this differently.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Dynamik CSS’ is closed to new replies.
Skip to toolbar