Changing Address Layout – Listings & Detail Sides

This topic contains 9 replies, has 2 voices, and was last updated by  Kor 6 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 12, 2017 at 11:53 am #400162

    Josef Spiel
    Expired Member
    Post count: 23

    Hello support team,

    I want to order the address for the Listings & Detail Page as follows:

    Adresse:
    Street Address
    ZIP Post Code, City
    Country

    At the moment, the address LISTINGS page is ordered like this:

    Adresse: Street Address
    City
    ZIP Post Code
    Country

    At the moment, the address DETAIL page is ordered like this:

    Adresse:
    Street Address
    City, ZIP Post Code

    I already changed the order for detail page with this description: https://wpgeodirectory.com/support/topic/changing-address-layout/

    and for the listing page I used this description:
    https://wpgeodirectory.com/support/topic/show-complete-address/

    But it didn´t work out completely.

    Can you help me with ordering in the wished way?

    Thank you and best regards,
    Josef

    October 12, 2017 at 12:50 pm #400189

    Kor
    Moderator
    Post count: 16516

    Hi Josef,

    Please share the URL of the site in question so we can take a better look at it and also WP temp admin access to your site. You can post the details here using the private reply option below.

    Thanks!

    October 12, 2017 at 2:35 pm #400216

    Josef Spiel
    Expired Member
    Post count: 23
    This reply has been marked as private.
    October 12, 2017 at 2:56 pm #400217

    Kor
    Moderator
    Post count: 16516

    Hi Josi,

    Looks like you’re using the wrong code. Could you try correcting it following this article and see if it helps https://wpgeodirectory.com/docs/changing-the-layout-of-addresses/ ?

    Thanks!

    October 13, 2017 at 8:13 am #400384

    Josef Spiel
    Expired Member
    Post count: 23

    Thanks Kor,

    I was able to change the order of the address. Rigt now, the whole address is displayed in one line – no line breaks.

    A perfect solution would be, to display LISTING address and DETAIL page address in different ways. Is that possible?

    LISTING page address would be perfect in one line with comma between the parts of the address (see Screenshot)

    Example:
    Address: Street Address, ZIP Post Code City, Country

    Font size of the address should be same as the flow text.

    DETAIL page address would be perfect with line breaks (see Screenshot)

    Example:
    Addresse:
    Street Address
    ZIP Post Code City
    Country

    Is that solution possible?
    Thank you very much!

    Josef

    October 13, 2017 at 8:26 am #400388

    Kor
    Moderator
    Post count: 16516

    Hi josef,

    You can achieve that using custom CSS. Insert the code below into GD > Design > Scripts > Custom Style CSS. 

    

    span[itemprop="streetAddress"] {
   display:block!important;
}

span[itemprop="addressCountry"] {
   display:block!important;
}
    

    Where can I find the listings with addresses as shown in this screenshot? https://wpgeodirectory.com/support/wp-content/uploads/sites/11/2017/10/LISTING-Page-display-address.jpg . Can you share a link? 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		October 13, 2017 at 9:29 am

		
		#400416

		
		
		
	
    


    


    

	
    

		
		
    Josef Spiel
    Expired Member
    
		
		
     Post count: 23
    
	
    

	
    

		
		
    I inserted the code. It works for DETAIL page and LISTING page.
    

    Can we change it in the LISTING page? Font size should be smaller in listing page as well.
    

    ULR Listing page:
    
https://www.travelmondy.com/place/
    
https://www.travelmondy.com/unterkunft/
    

    Best regards and thanks!
    

		
	
    


    

			
				

    

	
    

		October 13, 2017 at 10:29 am

		
		#400426

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Josef, 
    

    Here’s the custom CSS code to do that. 
    

    

    span[itemprop="streetAddress"] ,
span[itemprop="addressLocality"] ,
span[itemprop="postalCode"]  ,
span[itemprop="addressCountry"] {
   font-size: 12px!important;
   line-height: 12px!important;
}

span.geodir-i-location {
   font-size: 12px!important;
   line-height: 12px!important;
}
    

		
	
    


    

			
				

    

	
    

		October 13, 2017 at 10:44 am

		
		#400429

		
		
		
	
    


    


    

	
    

		
		
    Josef Spiel
    Expired Member
    
		
		
     Post count: 23
    
	
    

	
    

		
		
    Thank you.
    

    Only the size (of both) – Listings and Detal side changed.
    
Any other idea or changes?
    

    https://www.travelmondy.com/place/
    
https://www.travelmondy.com/place/germany/rosenheim/cat-essentrinken/floetzinger-braeustueberl-restaurant-und-biergarten-rosenheim/
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		October 13, 2017 at 1:49 pm

		
		#400471

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Josef, 
    

    You just need to remember to clear the cache 🙂
    

    Thanks!
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket