eNews Extended Formatting

Community Forums Forums Design Tips and Tricks eNews Extended Formatting

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 11 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #77382

    Nathaniel
    Member
    Post count: 18

    I just added the eNews Extended Widget to my Minimum Pro 2.0 site, and the formatting is hideous.

    http://drtest.nathanielgivens.com/2013/11/24/this-is-what-a-status-looks-like/

    I’m trying to follow instructions from Brandon Kraft to edit the formatting, but it’s for a really, really old version (0.1.6) and doesn’t seem applicable anymore: http://www.brandonkraft.com/contrib/plugins/genesis-enews-extended/tutorials/

    Here’s what I’ve got in my CSS (which I haven’t touched):

    * Genesis eNews Extended
    --------------------------------------------- */
    
    .enews-widget {
    	color: #999;
    }
    
    .enews-widget .widget-title {
    	color: #fff;
    }
    
    .enews-widget input {
    	margin-bottom: 16px;
    	margin-bottom: 1.6rem;
    }
    
    .enews-widget input:focus {
    	border: 1px solid #ddd;
    }
    
    .enews-widget input[type="submit"] {
    	background-color: #0ebfe9;
    	color: #fff;
    	margin: 0;
    	width: 100%;
    }
    
    .enews-widget input:hover[type="submit"] {
    	background-color: #fff;
    	color: #333;
    }

    I thought that the plugin would look pretty good by default. (I thought that was the point?) If I have to manually tweak the CSS then I’m not sure why I’m using it.

    Did I do something wrong?

    http://drtest.nathanielgivens.com/2013/11/24/this-is-what-a-status-looks-like/
    #77387

    David Chu
    Participant
    Post count: 1406

    Hi,
    There never a guarantee that stock plugin CSS will work with every theme. Somebody out there will always be able to break it, no matter how carefully written the plugin’s CSS is written.

    Hideous is a very vague term, and I’m not in your head. But this seems to make the look suck a bit less. Note the padding:

    [css]
    .sidebar .enews-widget {
    background-color: #333333;
    padding: 20px;
    }
    [/css]


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #77390

    Nathaniel
    Member
    Post count: 18

    Thanks, David. That fix helped a lot. I had experimented with trying to add margin to the individual text box elements, and it only made the problem worse. This was much more straightforward.

    I’ll tinker with the CSS myself from here on out.

    #77393

    David Chu
    Participant
    Post count: 1406

    Very cool!


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.