40% OFF EVERYTHING
Our 10th BIRTHDAY SALE
Buy Now

Design Questions

This topic contains 20 replies, has 4 voices, and was last updated by  Alex Rollin 5 years, 5 months ago.

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

Open Support Ticket
  • Author
    Posts
  • November 9, 2018 at 7:55 pm #453312

    Marc Fritz
    Free User
    Post count: 28

    Hi,

    I have a couple of questions concerning the design of my GeoDirectory pages.

    1. On my search page https://www.leisurecard.com/search-partners/, I would like to use the “Grid 2” view, but for some reason I am not able to make that change. It always defaults back to list view.

    2. On the category pages, for example, https://www.leisurecard.com/places/sports-recreation/, I am using the “Grid2” view, but I would like to get rid of the boxes around the individual listings.
    I would also like to add some spacing between the two columns and align the review stars with the text.

    3. On the detail page of the listings, for example, https://www.leisurecard.com/places/united-states/florida/lake-worth/restaurants-bars/city-whiskey/, I would like to center the content on the page.

    Thank you in advance for your help!!

    Best regards,

    Marc

    November 9, 2018 at 8:17 pm #453322

    Alex Rollin
    Moderator
    Post count: 27815

    Hi Marc!

    Please renew your membership so we can provide you with more awesome Premium Support.

    https://wpgeodirectory.com/downloads/category/addons/

    https://wpgeodirectory.com/support-policy/

    November 9, 2018 at 8:31 pm #453332

    Marc Fritz
    Free User
    Post count: 28
    This reply has been marked as private.
    November 9, 2018 at 9:56 pm #453354

    Paolo
    Site Admin
    Post count: 31206
    This reply has been marked as private.
    November 10, 2018 at 5:35 am #453395

    Marc Fritz
    Free User
    Post count: 28
    This reply has been marked as private.
    November 10, 2018 at 5:03 pm #453499

    Kor
    Moderator
    Post count: 16516

    Hi Marc,

    Thanks for your reply. Please allow me to answer your questions accordingly.

    1. The option is GD > Design > Search > Search content section view will only affect these search pages https://www.leisurecard.com/?geodir_search=1&stype=gd_place&s=+&snear=&sgeo_lat=&sgeo_lon= . That option can be configured in your Widget > GD Home Content Section > Gd > Popular Post View options.

    2. You can apply the custom CSS code below to apply some spacing between the grid items 

    

    .geodir_category_list_view li.geodir-gridview {    
    padding: 10px!important;
}
    

    And to insert the “Special Offers” to your listing page, that can be done here https://wpgeodirectory.com/docs/core-place-settings/#show 
    

    3. This can be done using this method https://wpgeodirectory.com/docs/customizing-your-style/ . 
    

    Well, let us know how it goes. 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		November 11, 2018 at 5:36 am

		
		#453555

		
		
		
	
    


    


    

	
    

		
		
    Marc Fritz
    Free User
    
		
		
     Post count: 28
    
	
    

	
    

		
		
    Hi Kor,
    

    Thank you for your help!
    

    I figured out how to resolve most of the issues I had.
    

    However, 
    

    1. I am still not able to set the “Grid3” view for the GD Home Content section. The “Popular Post View” widget is set to “Grid 3” view, but it still does not show on the website. 
    

    2. I was not able to figure out how to center the content on the detail page, or how to left align the text for the mobile version of the website. All settings are set to “left align,” but the text still shows as centered. I tried to make the changes using custom CCS code, but unfortunately, I was unsuccessful (everything looked good when making the changes in the code inspector, but the changes don’t show on the website when inserting the code). 
    

    3. Instead of showing the taxonomy selections below the images on the detail page, I would like to show the title of the listing (centered) below the images.  
    

    Could you please provide me with the CCS code to make the changes, or make the changes for me? 
    

    Thank you in advance! 
    

    Best regards,
    

    Marc
    

		
	
    


    

			
				

    

	
    

		November 11, 2018 at 6:22 am

		
		#453558

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Marc, 
    

    Thanks for your reply. Kindly follow the answers below. 
    

    1. Use this custom CSS. 
    

    

    .geodir_category_list_view li.gridview_onethird {
    width: 32%!important;
    width: -webkit-calc(33.3% - 4.8px)!important;
    width: -moz-calc(33.3% - 4.8px)!important;
    width: calc(33.3% - 4.8px)!important;
}

.geodir_category_list_view li.geodir-gridview .geodir-post-img {
    width: 100%!important;
}
    

    2. This link is not working https://www.leisurecard.com/places/sports-recreation/ . Could you please check?
    

    3. This link is not working too https://www.leisurecard.com/places/united-states/florida/lake-worth/restaurants-bars/city-whiskey/ . Please update so that I could check on it.
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		November 11, 2018 at 1:03 pm

		
		#453605

		
		
		
	
    


    


    

	
    

		
		
    Marc Fritz
    Free User
    
		
		
     Post count: 28
    
	
    

	
    

		
		
    Hi Tor,
    

    Thank you for your prompt reply!
    

    The code that you sent me fixes the view on the desktop, but it changed the view on the mobile version of the website too by dividing the screen in 3 columns, which makes the content too small for the mobile screen. Please see the image attached below for details. The mobile version should look somewhat similar to what the “grid3” view looks like now, except that I would like the text of the “special offers” to be left aligned. https://www.leisurecard.com/partner-listings/
    
Please also see the 2. screenshot attached below for details. 
    

    Could you please provide me with code to fix items 2 & 3 from my last comment? You can pretty much disregard my previous comments, as I have fixed a lot of the thinks mentioned.
    

    Thanks,
    

    Marc 
    

		
	
    


    

			
				

    

	
    

		November 11, 2018 at 1:05 pm

		
		#453608

		
		
		
	
    


    


    

	
    

		
		
    Marc Fritz
    Free User
    
		
		
     Post count: 28
    
	
    

	
    

		
		
    By the way, I deleted the code provided in your last comment again from the website.
    

		
	
    


    

			
				

    

	
    

		November 11, 2018 at 1:28 pm

		
		#453614

		
		
		
	
    


    


    

	
    

		
		
    Marc Fritz
    Free User
    
		
		
     Post count: 28
    
	
    

	
    

		
		
    It would be awesome if we could decrease the margins of the “grid3” view on the mobile version to look like in the screenshot linked below. 
    

    Thanks,
    

    Marc
    

		
	
    


    

			
				

    

	
    

		November 11, 2018 at 10:05 pm

		
		#453654

		
		
		
	
    


    


    

	
    

		
		
    Marc Fritz
    Free User
    
		
		
     Post count: 28
    
	
    

	
    

		
		
    Hi, 
    

    I was actually able to change the GD Home Content section to the “Grid3” view by deleting the old widget and replacing it with a new one. 
    

    Could you please still assist me with the other items? 
    

    I also just noticed that the drop-down menu to select the different categories doesn’t work anymore on the mobile version of the website. When selecting a category on the mobile device, the website displays a 404 message. I have made some changes to the “Custom Post Types” section and changed the naming convention from “places” to partner-listings.” Not sue if that is causing the error. Selecting the categories woks fine on the desktop version of the website. 
    

    Please help. I do not want to revert the website to an earlier backup, as I have made a ton of changes before I noticed the error. I have tried to revert back to the latest backup point and the issue remains.
    

    Thank you in advance!
    

    Best regards,
    

    Marc
    

		
	
    


    

			
				

    

	
    

		November 12, 2018 at 5:32 am

		
		#453672

		
		
		
	
    


    


    

	
    

		
		
    Marc Fritz
    Free User
    
		
		
     Post count: 28
    
	
    

	
    

		
		
    Hi again,
    

    I figured out how to make most of the design changes myself and I got the drop down menu to work again, so please disregard my previous messages. 
    

    The only thing left that I need help with is the following:
    

    1. I can’t figure out how to center the content on the detail pages on the desktop version of the website. The mobile version looks the way I want it to look (https://www.leisurecard.com/places/united-states/florida/lake-worth/restaurants-bars/city-whiskey/)
    

    2. Instead of showing the taxonomy selections below the images on the detail page, I would like to show the title of the listing (centered) below the images. (https://www.leisurecard.com/places/united-states/florida/lake-worth/restaurants-bars/city-whiskey/)
    

    Could you please provide me with the CCS code to make the changes?
    

    Thank you in advance!
    

    Best regards,
    

    Marc
    

		
	
    


    

			
				

    

	
    

		November 12, 2018 at 6:24 am

		
		#453674

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Marc, 
    

    Try using the custom CSS code below and see if it helps. 
    

    1. 
    

    

    .geodir_flexslider .geodir-slides img {
    object-fit: cover;
}

#content {width:100%!important;} 
    

    2. 
    

    

    p.geodir_post_taxomomies {display:none!important;}

#gd-singleview:before {
text-align:center!important;
}
    

		
	
    


    

			
				

    

	
    

		November 12, 2018 at 2:14 pm

		
		#453772

		
		
		
	
    


    


    

	
    

		
		
    Marc Fritz
    Free User
    
		
		
     Post count: 28
    
	
    

	
    

		
		
    Hi Kor,
    

    Thanks for your help!
    

    1. I used the code you provided. The content is now centered and covers the whole page. However, due to the width, the images are now heavily cropped and don’t show well anymore. Is there a way to change the height/size of the images to display them more proportional? 
    

    2. The code you provided just gets rid of the taxonomies and centers the “Description” title.
    
I would like to display the listing title under the images instead of the taxonomies.
    
I tried to add another text field with the title in the “place settings” tab, but for some reason I wasn’t able to make it show on the detailed listing page.
    
I also noticed that one of the other fields, “Hours of Operations” doesn’t show on the page.
    
Could you please take a look? 
    

    I provided the login info in one of my previous comments in case you want to take a look at the settings.
    
I have backed up the website. 
    

    Thanks for your help!
    

    Best regards, 
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 15 posts - 1 through 15 (of 21 total)
	


	


		

	

	





		
				

			

				

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

					Open Support Ticket