WordPress.org

Ready to get started?Download WordPress

Forums

Genesis eNews Extended
[resolved] Appearance with Beautiful Pro (3 posts)

  1. agireefman
    Member
    Posted 6 months ago #

    I have recently used your plugin for my website, newhopetalks.com, which I am using with the StudioPress Beautiful Pro Theme. Unfortunately, it now just looks a bit of a mess, and there isn't even a border for the email field. I'm wondering if there is anything I can do to make it look better, or at least professional.

    Thanks!

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

  2. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 6 months ago #

    Hi,

    The theme is responsible for all of the design aspects of the plugin, so it looks like theme designer opted for that look.

    At a minimum, at line 804 of your style.css, you can remove the border: none; line and replace both margin-right lines with margin-right: 0;.

    I'll check with the StudioPress folks to make sure this was their expected look or if something might have been overlooked.

    Cheers!

  3. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 6 months ago #

    Howdy,

    I heard back from StudioPress and they updated the theme itself. You can re-download it from my.studiopress.com, or you can replace the "eNews Extended" section of the style.css (line 815 and following) with:

    /* Genesis eNews Extended
    --------------------------------------------- */
    
    .enews-widget {
    	color: #999;
    }
    
    .enews-widget input {
    	box-shadow: none;
    	margin-right: -4px;
    	margin-right: -0.4rem;
    	padding: 14px 24px 15px;
    	padding: 1.4rem 2.4rem 1.5rem;
    	width: 60%;
    }
    
    .after-entry .enews-widget input {
    	border: none;
    }
    
    .sidebar .enews-widget input {
    	margin-right: 0;
    	padding: 12px 20px 15px;
    	padding: 1.2rem 2rem 1.5rem;
    }
    
    .content .enews-widget input:focus {
    	border: none;
    }
    
    .enews-widget input[type="submit"] {
    	margin: 0;
    	padding: 16px 24px 15px;
    	padding: 1.6rem 2.4rem 1.5rem;
    	width: auto;
    }
    
    .enews form + p {
    	margin-top: 24px;
    	margin-top: 2.4rem;
    }

    Please note that replacing the style in your stylesheet, this could undo any changes if you modified any of that section already.

    You can see an example of what it looks like with the above styling at http://sandbox-5.brandonkraft.net (for the next few days at least).

Reply

You must log in to post.

About this Plugin

About this Topic