Not adapting to current theme (Socialize)

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

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

Open Support Ticket
  • Author
    Posts
  • November 9, 2017 at 6:03 pm #404754

    Howard Baer
    Free User
    Post count: 2

    Hi, we are having trouble with get the listing pages to adapt to our theme socialize and could really use some help. Everything is stretched full width, please see this example: http://staging.marijuanaoutlaws.com/deals/united-states/arizona/scottsdale/edibles/monarch-wellness-center/

    Thank you

    November 10, 2017 at 5:39 am #404804

    Kor
    Moderator
    Post count: 16516

    Hi Howard,

    You can use the custom CSS code below to apply paddings to the content. Insert into GD > Design > Scripts > Custom Style CSS. 

    

    div#geodir-wrapper {
    padding: 50px!important;
}
    

		
	
    


    

			
				

    

	
    

		November 11, 2017 at 10:48 pm

		
		#404959

		
		
		
	
    


    


    

	
    

		
		
    Howard Baer
    Free User
    
		
		
     Post count: 2
    
	
    

	
    

		
		
    Thanks, but now it’s too small on mobile :/  Is there a better adaptation for our theme, or can we use shortcodes for the additional pages?  Thank you for your help
    

		
	
    


    

			
				

    

	
    

		November 11, 2017 at 11:11 pm

		
		#404960

		
		
		
	
    


    


    

	
    

		
		
    Howard Baer
    Free User
    
		
		
     Post count: 2
    
	
    

	
    

		
		
    Also, the dropdowns are overriding our theme styles
    

		
	
    


    

			
				

    

	
    

		November 13, 2017 at 5:20 am

		
		#405020

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Howard, 
    

    Yes, we can use custom CSS with media queries to apply different paddings on different screen sizes. Kindly replace the custom CSS I’ve provided earlier with this. 
    

    

    @media only screen and (max-width: 500px) {
   div#geodir-wrapper {
      padding: 10px!important;
   }
}
div#geodir-wrapper {
      padding: 50px!important;
}
    

    Also, could you show me a screenshot of the dropdown you’re referring to and how it looks like on your end? 
    

    Thanks! 
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount