removing spaces between images on Welcome Wide section

Homepage Community Forums Epik Theme Support removing spaces between images on Welcome Wide section

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #12205
    Event
    Customer

      We have two images in the welcome wide widget area. Lots of empty space above and below each image. Any way to remove these empty spaces?
      Thank you.

      #12206
      Event
      Customer
        This reply has been marked as private.
        #12215
        Wes
        Moderator

          The top and bottom have padding which adds some of the space. You can locate this in your style.css file around line 1318 –

          .welcome-wide .wrap {
              margin: 0 auto;
              overflow: hidden;
              padding: 120px 0 60px;
              width: 1140px;
          }

          Although the majority of the space is actually coming from the Welcome Features div/section. Are you planning to use any of the Welcome features 1, 2, or 3 widget areas? If not, then that welcome features div will need to be removed. It’s not supposed to show up if you’re not using any of those 3 widgets. I’ll probably need to check your file to make sure everything is setup properly.

          #12658
          myerswb
          Customer

            Wes,

            You said “It’s not supposed to show up if you’re not using any of those 3 widgets.”

            I’m not using those widgets yet the Welcome Features div/section is still showing up.

            How can I get rid of the Welcome Features div/section?

            Another point for the Forum is whether it is really worth allowing members to reply privately, because some comments can be very useful to others with similar problems and private replies make it difficult to follow the thread?

            Thanks

            #12659
            myerswb
            Customer

              Partially fixed by setting the padding to:-
              .welcome-features .wrap {
              margin: 0 auto;
              overflow: hidden;
              padding: 0px 0 0px;
              width: 1140px;
              }

              Although there is still some padding in there somewhere.

              #12687
              Wes
              Moderator

                The private replies don’t show up because they are supposed to be a completely private message. I’m using a plugin (by Pippin Williamson) which adds this feature to bbPress – https://wordpress.org/plugins/bbpress-private-replies/

                The plugin is designed that way so (if a user adds a link here in the forum that they are not ready to share publicly, or a login (username/password) for a moderator to login and make adjustments to their site) other users won’t be able to see it. This would prevent their sensitive information from getting out there and becoming public.

                However, I do think that users should only use the private reply option if they are posting something private….if it is basic information/solutions that can possibly help other users then I think they should definitely share that solution publicly instead of posting every comment as a Private Reply. As you mentioned, this helps us all as a Community.

                Did you get everything working? If not, do you have a link so I can take a look?

                #12717
                myerswb
                Customer

                  Yes, it’s more the over-use of the private replies I wanted raise and I accept it is a useful feature for some potentially sensitive matters.

                  I still have the problem with the Welcome Wide/Features and you can see how it now looks at http://www.accware.co.uk.

                  Thanks.

                  #12731
                  Wes
                  Moderator

                    Thanks, I just figured out what was missing. If you look in your home.php file in the Welcome section you’ll see a section that looks like this –

                    /**
                     * Display widget content for the "Welcome-wide", "Welcome Feature 1", "Welcome Feature 2", and "Welcome Feature 3" sections.
                     *
                     */
                    function epik_home_loop_helper_welcome() {
                    
                    	if ( is_active_sidebar( 'welcome-wide' ) || is_active_sidebar( 'welcome-feature-1' ) || is_active_sidebar( 'welcome-feature-2' ) || is_active_sidebar( 'welcome-feature-3' ) ) {
                    
                    		echo '<div class="welcome">';
                    		
                    			genesis_widget_area( 'welcome-wide', array(
                    				'before' => '<div class="welcome-wide"><div class="wrap">',
                    				'after' => '</div></div>',
                    			) );
                    			
                    		echo '<div class="welcome-features"><div class="wrap">';
                    			
                    			genesis_widget_area( 'welcome-feature-1', array(
                    				'before' => '<div class="welcome-feature-1">',
                    				'after' => '</div>',
                    			) );
                    			
                    			genesis_widget_area( 'welcome-feature-2', array(
                    				'before' => '<div class="welcome-feature-2">',
                    				'after' => '</div>',
                    			) );
                    			
                    			genesis_widget_area( 'welcome-feature-3', array(
                    				'before' => '<div class="welcome-feature-3">',
                    				'after' => '</div>',
                    			) );				
                    		
                    		echo '</div><!-- end .wrap --></div><!-- end .welcome-features --></div><!-- end .welcome -->';
                    
                    	}
                    		
                    }

                    Replace that entire section with the following code –

                    /**
                     * Display widget content for the "Welcome-wide", "Welcome Feature 1", "Welcome Feature 2", and "Welcome Feature 3" sections.
                     *
                     */
                    function epik_home_loop_helper_welcome() {
                    
                    	if ( is_active_sidebar( 'welcome-wide' ) || is_active_sidebar( 'welcome-feature-1' ) || is_active_sidebar( 'welcome-feature-2' ) || is_active_sidebar( 'welcome-feature-3' ) ) {
                    
                    		echo '<div class="welcome">';
                    		
                    		if ( is_active_sidebar( 'welcome-wide' ) ) {
                    		
                    			genesis_widget_area( 'welcome-wide', array(
                    				'before' => '<div class="welcome-wide"><div class="wrap">',
                    				'after' => '</div></div>',
                    			) );
                    			
                    		}
                    			
                    		if ( is_active_sidebar( 'welcome-feature-1' ) || is_active_sidebar( 'welcome-feature-2' ) || is_active_sidebar( 'welcome-feature-3' ) ) {
                    			
                    		echo '<div class="welcome-features"><div class="wrap">';
                    			
                    			genesis_widget_area( 'welcome-feature-1', array(
                    				'before' => '<div class="welcome-feature-1">',
                    				'after' => '</div>',
                    			) );
                    			
                    			genesis_widget_area( 'welcome-feature-2', array(
                    				'before' => '<div class="welcome-feature-2">',
                    				'after' => '</div>',
                    			) );
                    			
                    			genesis_widget_area( 'welcome-feature-3', array(
                    				'before' => '<div class="welcome-feature-3">',
                    				'after' => '</div>',
                    			) );				
                    		
                    		echo '</div><!-- end .wrap --></div><!-- end .welcome-features -->';
                    		
                    		}
                    		
                    		echo '</div><!-- end .welcome -->';
                    
                    	}
                    		
                    }

                    I’ll make sure and add this in the next update. Thanks for letting me know.

                    #12749
                    myerswb
                    Customer

                      Hi Wes,

                      Thanks for the updated script – I just tried this but it doesn’t work. It ended up affecting the font colours and alignment of the text of the remaining sections on my home page.

                      Regards,

                      #12757
                      Wes
                      Moderator

                        Sounds like a div is either missing or out of place.

                        Can you try the 2nd code I posted above one more time, and if it doesn’t work I can take a closer look to see what’s going on. I have it updated on a local install and it seems to be working on my end.

                        #12761
                        myerswb
                        Customer

                          Wes,

                          I’ve had another issue with the display of the slider and by seeking support through another forum it looks like this may be related to IE11 running on Windows 7 64bit. I’ve made a couple of changes to my Browser and the slider now works as expected. Similarly by using the above code in the Home.php, everything seems to be working as expected.

                          Many thanks.

                          #12762
                          Wes
                          Moderator

                            You’re Welcome!

                          Viewing 12 posts - 1 through 12 (of 12 total)
                          • The topic ‘removing spaces between images on Welcome Wide section’ is closed to new replies.