Supreme Theme Buddy Press Pages CSS Issues

This topic contains 3 replies, has 3 voices, and was last updated by  Paolo 8 years, 1 month ago.

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

Open Support Ticket
  • Author
    Posts
  • February 6, 2017 at 6:05 am #355696

    Topher
    Buyer
    Post count: 6

    Support:

    For the site https://www.militaryappreciation.directory

    First of all – Thanks! for the fix on the GD Booster & Supreme theme. However, I have found an addtional concern when using BuddyPress and Supreme

    The Supreme Directory theme doesn’t seem to work very well with BuddyPress pages. I have noticed and issue with the CSS and have attached screenshots.

    This issue is that on the members/groups/activity streams bp pages the bp members/groups ajax search overlaps the header menu links sections.

    My admin WP login credentials are still the same as a previous private support reply.

    Please advise

    Thanks

    Topher Maguire

    February 6, 2017 at 10:18 am #355764

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Try using the custom CSS code below to fix that. Insert into GD > Design > Scripts > Custom Style CSS. Let us know how it goes. 

    

    .sd .content-box {
    margin-top: 40px!important;
}
    

		
	
    


    

			
				

    

	
    

		February 7, 2017 at 11:41 pm

		
		#356634

		
		
		
	
    


    


    

	
    

		
		
    Topher
    Buyer
    
		
		
     Post count: 6
    
	
    

	
    

		
		
    Kor:
    

    I implemented the CSS and it dropped the search but also places a gap on all the other pages that aren’t BuddyPress see attached screenshot of the 40px gap on all the other pages. 
    

		
	
    


    

			
				

    

	
    

		February 8, 2017 at 5:14 pm

		
		#357123

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31211
    
	
    

	
    

		
		
    Hi,
    

    you have this css creating that problem:
    

    

    #buddypress div.dir-search {
    float: right;
    margin: -39px 0 0;
}
    

    I’m not sure of it’s coming from Buddyrpess or if it’s custom css.
    

    To fix it just add this instead of the code provided by Kor:
    

    

    #buddypress div.dir-search {
    margin: 0 !important;
}
    

    Let us know,
    

    Thanks
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 4 posts - 1 through 4 (of 4 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