Moving the title on the pin pop up window

This topic contains 11 replies, has 2 voices, and was last updated by  Kor 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 18, 2017 at 3:01 pm #362455

    Jonny S
    Expired Member
    Post count: 83

    Can anyone tell me how to move the text on the pin popup box from the top of the box to just under the feature image. Currently half of the text is chopped off and the text colour is too dark. Please see my attached image for an example.

    February 18, 2017 at 5:21 pm #362457

    Kor
    Moderator
    Post count: 16516

    Hi Jonny,

    Try using the custom CSS code below to fix that. Insert into Gd > Design > Scripts > Custom Style CSS.

    

    .geodir-bubble_desc h4 {
   white-space:normal!important;  
}

.geodir-bubble_desc h4 a{
   color:#fff!important;
   font-size:15px!important;  
}
    

		
	
    


    

			
				

    

	
    

		February 18, 2017 at 6:09 pm

		
		#362458

		
		
		
	
    


    


    

	
    

		
		
    Jonny S
    Expired Member
    
		
		
     Post count: 83
    
	
    

	
    

		
		
    Hi Kor, thanks for your input. I have inserted that CSS and it has changed the colour and size of the title but not the position. How do I change the position of the title? Sorry but I’m not very experienced in CSS.
    

		
	
    


    

			
				

    

	
    

		February 18, 2017 at 6:19 pm

		
		#362461

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi there, 
    

    Sorry, I’m not sure if I’m getting this. Since that container space is quite limited. Where do you wish to position it? Perhaps some screenshots of where you would like it to position?Or just center align? Try the code below. 
    

    

    .geodir-bubble_desc h4 {
    text-align: center!important;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		February 19, 2017 at 1:38 pm

		
		#362551

		
		
		
	
    


    


    

	
    

		
		
    Jonny S
    Expired Member
    
		
		
     Post count: 83
    
	
    

	
    

		
		
    Hi, please see attached image for example. 
    

		
	
    


    

			
				

    

	
    

		February 19, 2017 at 9:56 pm

		
		#362571

		
		
		
	
    


    


    

	
    

		
		
    Jonny S
    Expired Member
    
		
		
     Post count: 83
    
	
    

	
    

		
		
    Any ideas?
    

		
	
    


    

			
				

    

	
    

		February 20, 2017 at 11:30 am

		
		#362617

		
		
		
	
    


    


    

	
    

		
		
    Jonny S
    Expired Member
    
		
		
     Post count: 83
    
	
    

	
    

		
		
    bump
    

		
	
    


    

			
				

    

	
    

		February 20, 2017 at 11:52 am

		
		#362620

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Jonny, 
    

    Sorry for the late response. Looks like I overlooked this thread. I’ve just taken another look at your Website and this is how it looks like when I checked on it http://prntscr.com/eb2cgb . Have you tried clearing your browser cache? 
    

		
	
    


    

			
				

    

	
    

		February 20, 2017 at 12:12 pm

		
		#362622

		
		
		
	
    


    


    

	
    

		
		
    Jonny S
    Expired Member
    
		
		
     Post count: 83
    
	
    

	
    

		
		
    Hi Kor, yes that is how it looks for me as well but I would the like the title to be placed just under the photo above the address text. See attached image. 
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		February 20, 2017 at 1:52 pm

		
		#362663

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Jonny, 
    

    Try using this custom CSS code and see if it works better. 
    

    

    .geodir-bubble_desc h4 {
    background: transparent!important;
    margin-top:100px!important;
}

.geodir-bubble_desc h4 a{
    color:#000!important;
}

.geodir-bubble-meta-side {
    margin-top:20px!important
}
    

		
	
    


    

			
				

    

	
    

		February 20, 2017 at 8:08 pm

		
		#362730

		
		
		
	
    


    


    

	
    

		
		
    Jonny S
    Expired Member
    
		
		
     Post count: 83
    
	
    

	
    

		
		
    Hi Kor, That code worked perfectly. Thanks for your help!
    

		
	
    


    

			
				

    

	
    

		February 21, 2017 at 5:19 am

		
		#362782

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    You’re Welcome and I’m glad that helped. 
    

    Thanks
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket