Special Icons – text required on more Info Tab

This topic contains 11 replies, has 2 voices, and was last updated by  adyp 6 years, 5 months ago.

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • November 13, 2017 at 8:09 pm #405134

    adyp
    Expired Member
    Post count: 496

    Hello,

    I have managed to get special icons to display for custom fields as per tutorial – they display in the map bibble description, on the listing side bar and on the More Info listing tab, as I selected.

    I would like the field description and response to be displayed in the More Info tab (with or without the icon), however, so that it is explained what the icon means. How is it possible to have the text in More Info, while retaining the special icons for Bubble and Sidebar?

    Thanks

    November 14, 2017 at 5:14 am #405158

    Kor
    Moderator
    Post count: 16516

    Hi adyp,

    Thanks for contacting us. Sorry, I’m not getting this. Could you provide us some screenshots or links? Also, a WP temp admin access to your site. You can post the details here using the private reply option below.

    Thanks!

    November 14, 2017 at 9:04 am #405168

    adyp
    Expired Member
    Post count: 496
    This reply has been marked as private.
    November 15, 2017 at 5:38 am #405297

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    November 15, 2017 at 9:26 am #405313

    adyp
    Expired Member
    Post count: 496

    Hi Kor,

    thanks – sidebar looks great, with one exception: the Public Transport text is shunted up a little – which is probably related to the fact that that icon is the only one appearing correct height in the bubble box and other places (despite all these icons being 32×37 according to the Media manager). Not a big problem in sidebar – but if this issue is sorted in the bubble then I expect the sidebar will resolve itself?

    Adrian

    November 16, 2017 at 5:16 am #405448

    Kor
    Moderator
    Post count: 16516

    Hi Adrian,

    Well, everything you see can be adjusted by custom CSS. I’d suggest that you learn more about customization here following this example https://wpgeodirectory.com/docs/customizing-your-style/ . To correct that, replace the custom CSS element I’ve provided earlier with the below 

    

    #gd-sidebar-wrapper .geodir_more_info.geodir_public_trail:before {
    content: "Public Transport";
    color: #000;
    margin-right: -80px;
}
    

		
	
    


    

			
				

    

	
    

		November 16, 2017 at 9:13 am

		
		#405486

		
		
		
	
    


    


    

	
    

		
		
    adyp
    Expired Member
    
		
		
     Post count: 496
    
	
    

	
    

		
		
    Thank you very much Kor – I have been learning CSS and customization and have a little confidence in using it – I will try and work it myself as much as possible.
    

    If I struggle I may get back for a pointer on the one outstanding issue – the truncated height of the icons in the bubble and at the top of search result pages.
    

    Adrian 
    

		
	
    


    

			
				

    

	
    

		November 16, 2017 at 10:37 am

		
		#405496

		
		
		
	
    


    


    

	
    

		
		
    adyp
    Expired Member
    
		
		
     Post count: 496
    
	
    

	
    

		
		
    OK – I added 
    

    height: 38px;
    

     to the CSS below the CSS for width for each of the icons and that has worked. My only concern is various orange warning indicators provided against the CSS – eg saying that Margin and Width can’t be used with Display: Inline. Still, it is working!
    

    Thanks,
    
Adrian
    

		
	
    


    

			
				

    

	
    

		November 16, 2017 at 12:15 pm

		
		#405534

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Adrian, 
    

    Which orange warning are you referring to? I don’t see it on my console. 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		November 16, 2017 at 12:59 pm

		
		#405553

		
		
		
	
    


    


    

	
    

		
		
    adyp
    Expired Member
    
		
		
     Post count: 496
    
	
    

	
    

		
		
    When editing css under Appearance >Edit CSS in the back end there are several orange warning triangles on the left margin of the CSS code
    

		
	
    


    

			
				

    

	
    

		November 16, 2017 at 2:24 pm

		
		#405586

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi adyp, 
    

    Well, you can safely ignore that. I can’t find any article on the Internet that mentioned anything about this. 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		November 16, 2017 at 4:19 pm

		
		#405608

		
		
		
	
    


    


    

	
    

		
		
    adyp
    Expired Member
    
		
		
     Post count: 496
    
	
    

	
    

		
		
    That’s great – thanks for you help with this Kor!
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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