Height of action widget

Support Area Forums Foundation Height of action widget

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://www.VCHousingTrustFund.org
  • Author
    Posts
  • #31310
    Karen Fraser
    Participant

    How do I change the height of the action widget in Home-Bottom. I want a full page-width text box along with a link to another page in the website. It’s cutting off most of my text.

    #31311
    Bill Robbins
    Moderator

    Hello Karen,

    I’m not certain if this will work or not. Most of the time, I try to create things that are flexible, but the bar style widgets in Foundation are made for a specific layout. Getting outside of that may not be possible. You’re welcome to try though.

    1. Go to your theme options page and choose the Style tab.
    2. Scroll down to the Custom CSS box and add this:
      
      @media only screen and (min-width: 1024px) {
      	
      	/* Call To Action Widget
      	----------------------------------------------- */
      	
      	#home-widgets .action {
      		height: auto;
      	}
      	
      	#home-widgets .action a.button {
      		top: 25px;
      	}
      	
      	#home-widgets .action p {
      		float: left;
      		width: 400px;
      		top: -3px !important;
      		position: relative;
      	}
      
      }
      
    3. Update your settings.

    Take care,
    Bill

    #31352
    Karen Fraser
    Participant

    Brilliant! Perfect! Thanks for your help Bill.

    #31353
    Bill Robbins
    Moderator

    Anytime 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Height of action widget’ is closed to new replies.