Genesis eNews Extended
[resolved] Dynamik CSS (8 posts)

  1. angetrue
    Posted 3 years ago #

    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.


  2. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 3 years ago #


    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!

  3. angetrue
    Posted 3 years ago #

    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?

  4. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 3 years ago #

    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:

    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;


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

  5. angetrue
    Posted 3 years ago #

    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?


  6. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 3 years ago #

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

  7. angetrue
    Posted 3 years ago #

    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.

  8. angetrue
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Genesis eNews Extended
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic