Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Wrapper module fix

    How can I trim the excess white space on each widget so that the widget title gray wrapper fits neatly into the wrapper container? I've attached an image and copied and pasted the code being used.

    Code:
    h4.widget-title {
    text-indent: -9999em;
    }
    
    ul {
            list-style: url('images/INCS-bulletimage copy.jpg');
    }
    
    #text-2 {
            background: none;
    }
    
    #text-2 h4.widget-title {
            background: url("images/INCS-security copy.jpg") no-repeat;
    }
    
    #text-3 {
            background: none;
    }
    
    #text-3 h4.widget-title {
            background: url('images/INCS-software copy.jpg') no-repeat;
    }
    
    #text-4 {
            background: none;
    }
    
    #text-4 h4.widget-title {
            background: url('images/INCS-support copy.jpg') no-repeat;
    }
    
    #builder-module-503970c0b3f1c .widget {
            padding-top: 0;
    background-color: white;
    
    }
    
    #builder-module-503970c0b3f1c .builder-module-sidebar h4.widget-title {
            height: 34px;
            margin-top: 0 !important;
    background-color: white;
    margin-right: -20em;
    }
    Attached Thumbnails Attached Thumbnails Wrapper module fix-widgetwidths.jpg  

  • #2
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok i added some coding for padding as shown here:
    Code:
    #builder-module-503970c0b3f1c .widget {
            padding-top: 0;
    padding-left: 5px;
    padding-right: 9px;
    background-color: white;
    }
    and that got me a bit closer to my goal but not finished. see attached for result of above code
    Attached Thumbnails Attached Thumbnails Wrapper module fix-widgetwidths.jpg  

  • #3
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,029
    Thanks
    23
    Thanked 588 Times in 587 Posts
    Without html code the css is meaningless. We need both. But if you made the area that contains all the TEST things the same width as your title images things would look better.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •