How to remove the white section at the bottom of Home Page?

This topic contains 7 replies, has 2 voices, and was last updated by  rigots 7 years, 2 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • February 22, 2017 at 10:44 pm #363233

    rigots
    Lifetime Member
    Post count: 275

    Hi I am using the directory Starter Theme with supreme child theme.
    I remove the content at the bottom of the page, but there is still a white bar section just above the footer.

    I tried removing that bottom section with:
    .geodir-common{
    /* remove content at the bottom of home page */
    display: none;
    }

    But that also removed most of the content on my Detail page which is not good.

    What is the proper way to remove the empty white bar content just above the footer section?
    Can I do that with just CSS or do I need some code snippet?

    Thank you.

    February 23, 2017 at 5:07 am #363274

    Kor
    Moderator
    Post count: 16516

    Hi Rigots,

    Try giving it an “!important” and see if it works. Example below 

    

    .geodir-common {
    display:none!important;
}
    

		
	
    


    

			
				

    

	
    

		February 23, 2017 at 5:34 pm

		
		#363423

		
		
		
	
    


    


    

	
    

		
		
    rigots
    Lifetime Member
    
		
		
     Post count: 275
    
	
    

	
    

		
		
    Hi Kor Chung,
    
The problem is not that the CSS is not working, the problem is that I it also removes the detail page content and I want that content not to be removed.
    

    I also tried it with the ‘!important’ as you suggested and now even the search result content has been removed, I don’t want to remove other page content. I only want to remove the white bar section below the popular categories and right above the footer on the front page. I think it needs another CSS to remove that section only. Do you know what that should be? 
    

    Thanks,
    

		
	
    


    

			
				

    

	
    

		February 23, 2017 at 5:37 pm

		
		#363426

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Rigots, 
    

    I’m sorry for not paying much attention here. Could you please share WP temp admin access to your site so we can take a better look? You can post the details here using the private reply option below.
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		February 23, 2017 at 5:39 pm

		
		#363427

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Rigots, 
    

    Could you try this custom CSS and see if it works? This should affect the homepage only. 
    

    

    .sd-homepage .geodir-common {
    display:none!important;
}
    

		
	
    


    

			
				

    

	
    

		February 23, 2017 at 8:29 pm

		
		#363471

		
		
		
	
    


    


    

	
    

		
		
    rigots
    Lifetime Member
    
		
		
     Post count: 275
    
	
    

	
    

		
		
    Hi Kor Chung,
    
That worked good but I have a side effect on my mobile. Now there is white area under the footer on my mobile only. The desktop works fine.
    

    I had previously used CSS below to remove the ‘popular category’ items from my home page.
    

    .featured-area .geodir-cat-list {
    
display: none;
    
}
    

    So now that I remove the white space with the CSS you provided above then I get a white space under the footer’s home page on my mobile device. It looks as though the mobile device needs more content to fill the whole page some how, the content on the home page does not expand the whole mobile screen when I remove both the ‘popular category’ and the white space above footer. Any advice?
    

    Thanks.
    

		
	
    


    

			
				

    

	
    

		February 24, 2017 at 7:18 pm

		
		#363712

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Rigots, 
    

    Try using the custom CSS code below to fix it. Let is know how it goes. 
    

    

    .sd-homepage .featured-area{
    height: 100vh!important;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		February 27, 2017 at 4:54 pm

		
		#364203

		
		
		
	
    


    


    

	
    

		
		
    rigots
    Lifetime Member
    
		
		
     Post count: 275
    
	
    

	
    

		
		
    That worked.
    

    Thank you.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket