Crave Theme – Newsletter Box

Community Forums Forums Design Tips and Tricks Crave Theme – Newsletter Box

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Anita 10 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #68436

    lizbarnett
    Participant
    Post count: 10

    Use this post as an example:
    http://www.womanlywoman.com/2013/10/this-is-the-end.html

    Scroll to the bottom to the Call to Action Newsletter Box.

    Here is the CSS that goes along with it:

    
    /*
    Newsletter by Brian Gardner http://www.briangardner.com/email-newsletter-signup-box/
    ------------------------------------------------------------ */
    
    #newsletter {
    	background-color: #4BBDBD;
    	border: 3px solid #3daaaa;
    	color: #fff;
    	line-height: 1.5;
    	padding: 32px;
    	padding: 2rem;
    	text-align: center;
    }
    
    #newsletter p {
    	margin-bottom: 24px !important;
    	margin-bottom: 1.5rem;
    }
    
    #newsletter input {
    	width: 100%;
    }

    I can’t figure out what to do to alter it so that a space will appear at the bottom of each widget box so that things aren’t so close together.



    Liz Barnett http://www.LizBarnett.me

    #68452

    Anita
    Participant
    Post count: 7496

    That particular widget is identified as #enews-ext-4 in the CSS, so I’ve added padding to the top and bottom.

    #enews-ext-4 {
    padding-top: 20px;
    padding-bottom: 20px;
    }

    Anything you want to modify in that widget – use #enews-ext-4.


    When asking for help, please provide a link or screen shot showing your problem!
    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me!

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

You must be logged in to reply to this topic.