Transparent search bar background

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

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

Open Support Ticket

Tagged: , , ,

  • Author
    Posts
  • October 29, 2016 at 10:21 pm #294323

    omar mohamoud
    Expired Member
    Post count: 5

    Hello,

    I am trying to get a transparent background for the advanced search bar. I want the search bar to blend in with the background I have chosen (See attached screenshot). If you could tell me a solution that is easy and does not require a child theme then that would be great. The theme that I am using is the KLEO theme. The way that I got the search bar there was by using a text box and using Shortcode: [gd_advanced_search]. I edited the colour black using site origin css which I have been using lately. I hope this is sufficient information to help you, help me, solve this problem.

    Please find attached a screenshot to get a better picture what i’m trying to accomplish.

    Thank you in advance!

    October 30, 2016 at 5:40 am #294400

    Guust
    Moderator
    Post count: 29970

    Can you post a URL of a page where we can see the search bar? Thanks.
    You can set the reply to private if you like.

    October 30, 2016 at 8:22 pm #294598

    omar mohamoud
    Expired Member
    Post count: 5

    Hello,

    The password is guust

    https://horumaronline.com/get-connected

    Thank you

    October 30, 2016 at 11:19 pm #294707

    Guust
    Moderator
    Post count: 29970

    Try this:

    

    .geodir_advance_search_widget .geodir-loc-bar .geodir-loc-bar-in {background: transparent;}
body .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search {background-color: transparent;}
    

		
	
    


    

			
				

    

	
    

		October 31, 2016 at 11:10 pm

		
		#295372

		
		
		
	
    


    


    

	
    

		
		
    omar mohamoud
    Expired Member
    
		
		
     Post count: 5
    
	
    

	
    

		
		
    Where will I be inputting that into? 
    

		
	
    


    

			
				

    

	
    

		October 31, 2016 at 11:14 pm

		
		#295373

		
		
		
	
    


    


    

	
    

		
		
    omar mohamoud
    Expired Member
    
		
		
     Post count: 5
    
	
    

	
    

		
		
    Thank you so much! You guys are awesome I mean it! It is solved now, cheers.
    

		
	
    


    

			
				

    

	
    

		November 1, 2016 at 12:00 am

		
		#295379

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    You’re welcome  🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket