CSS Advice/Help Please

This topic contains 11 replies, has 3 voices, and was last updated by  Giri 7 years, 5 months ago.

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

Open Support Ticket
  • Author
    Posts
  • October 11, 2017 at 2:32 pm #400016

    Mike Hampton
    Expired Member
    Post count: 40

    Hi,

    Im using as part of WPGeoDirectory on https://cornwall.art, which is tied into the OneSocial Theme from Buddyboss.

    Im getting some screwy formatting though and wondered if you could provide CSS to correct an issue.

    Listings such as https://cornwall.art/events/port-isaac-1/john-armstrong-dream-reality/ don’t have a featured image (I haven’t set one), yet the title of the post doesnt display other than in the breadcrumb.

    ANother listing example (with featured image) https://cornwall.art/events/port-isaac-1/free-creative-workshops-for-adults/ stretches the image and uses it as a massive header (I don’t want that). The title appears on this one, but isn’t alined with the tabbed content below it.

    Lastly, the tabs on the detail page aren’t all aligned properly in that the contents of both “Photos” and “Reviews” shrink when clicked on, when they should be the same width and format as they are on the “Profile” and “Map” tabs.

    I’ve tried playing about with css myself but seem to end up removing images and titles from appearing on regular blog posts like https://cornwall.art/dress-like-a-gentleman/ (which should remain with the featured image as header and be formatted as it appears.

    I’d greatly appreciate guidance on what css is required to rectify these issues, I’ve spent the best part of the day playing with it and got nowhere fast.

    Thanks
    Mike

    October 11, 2017 at 8:47 pm #400085

    Paolo
    Site Admin
    Post count: 31211

    Hi Mike,

    I asked to a developer to follow up. Please provide admin credentials so that he can apply the css and maybe adjust few theme compatibility settings.

    Let us know,

    Thanks

    October 12, 2017 at 12:04 pm #400171

    Mike Hampton
    Expired Member
    Post count: 40
    This reply has been marked as private.
    October 12, 2017 at 1:17 pm #400196

    Giri
    Expired Member
    Post count: 3155

    Listings such as https://cornwall.art/events/port-isaac-1/john-armstrong-dream-reality/ don’t have a featured image (I haven’t set one), yet the title of the post doesnt display other than in the breadcrumb.

    I see this custom css

    

    .fn {
    display: none;
}
    

    Thats why title is hidden
    

    ANother listing example (with featured image) https://cornwall.art/events/port-isaac-1/free-creative-workshops-for-adults/ stretches the image and uses it as a massive header (I don’t want that). The title appears on this one, but isn’t alined with the tabbed content below it.
    

    Do you want to hide the image? or don’t want it to stretch?
    

    As for the title I have added some css in your site.
    

    
Lastly, the tabs on the detail page aren’t all aligned properly in that the contents of both “Photos” and “Reviews” shrink when clicked on, when they should be the same width and format as they are on the “Profile” and “Map” tabs.
    

    added some css
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		October 12, 2017 at 1:33 pm

		
		#400199

		
		
		
	
    


    


    

	
    

		
		
    Mike Hampton
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Hi Gigi, 
    

    Thanks for your quick reply.
    

    1. I have removed the .fn css and the title now shows, though it is below the breadcrumb, if no featured image is attached? https://cornwall.art/events/port-isaac-1/john-armstrong-dream-reality/ I would like it to appear as here https://cornwall.art/events/port-isaac-1/free-creative-workshops-for-adults/. 
    

    I would like to hide the image (only on geodirectory posts/details pages) only the massive header image, not the wpgeo slider/image area. 
    

    With regards the title, it looks good/aligned on wpgeo posts, but it has taken the blog post title off centre as seen here. https://cornwall.art/dress-like-a-gentleman/
    

    Thanks again for your support and assistance. 
    

    Regards
    
Mike
    

		
	
    


    

			
				

    

	
    

		October 12, 2017 at 3:31 pm

		
		#400222

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Hi Mike I have made your page not to display the main banner.
    

    As for your title, which one you want to display?
    

    Top or bottom?
    

    https://cornwall.art/events/port-isaac-1/free-creative-workshops-for-adults/
    

		
	
    


    

			
				

    

	
    

		October 12, 2017 at 3:33 pm

		
		#400224

		
		
		
	
    


    


    

	
    

		
		
    Mike Hampton
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Hi Gigi, 
    

    Thanks. Top please, so its big title first followed by breadcrumb underneath. 
    

    Regards
    
Mike
    

		
	
    


    

			
				

    

	
    

		October 12, 2017 at 4:17 pm

		
		#400242

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Hi Mike,
    

    The top title would appear only when you have featured thumbnail I guess.
    

    So hiding the bottom title would be not good for the pages that has no featured thumbnail. Should I hide the top title and keep the bottom one?
    

		
	
    


    

			
				

    

	
    

		October 12, 2017 at 5:59 pm

		
		#400275

		
		
		
	
    


    


    

	
    

		
		
    Mike Hampton
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Hi Giri, 
    

    I guess if that’s the case then yeah, keep the bottom title and hide the top. Ideally I would prefer the title to be positioned on top and to show whether featured image or not, but if that’s undoable then keep the bottom title and remove the top. So long as it doesn’t affect the titles from appearing on the ‘blog’ posts. 
    

    Thanks again for looking into thtis for me. 
    

    Regards
    
Mike
    

		
	
    


    

			
				

    

	
    

		October 12, 2017 at 6:43 pm

		
		#400290

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Hi Mike,
    

    I removed the top title. Also remove the margin in breadcrumb. Hope it looks fine now.
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		October 12, 2017 at 9:02 pm

		
		#400324

		
		
		
	
    


    


    

	
    

		
		
    Mike Hampton
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Perfect, thankyou so much Gigi, 
    

    rgds
    
Mike
    

		
	
    


    

			
				

    

	
    

		October 13, 2017 at 11:54 am

		
		#400442

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    You are welcome.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount