Featured listing slider image size/position

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

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

Open Support Ticket
  • Author
    Posts
  • May 20, 2017 at 12:31 pm #379281

    Guy Willett
    Buyer
    Post count: 41

    I’m using the listing slider shortcode to display featured listings on this home page – http://www.preview.pembrokeshirewebdesign.com/

    I need the image to cover/fill the whole space. I’m using this CSS which kind of works:

    .home .geodir_flexslider .geodir-slides img {width: 100% !important; max-height: 100% !important;}

    but as you can see the image is offset to the right slightly and so starts repeating on the left.

    Any idea how I can sort out this offset problem? Or any better suggestion on how to achieve what I want?

    Thanks in advance.

    May 20, 2017 at 12:58 pm #379286

    Guust
    Moderator
    Post count: 29970

    Not sure this works correctly, so let us know

    

    .geodir-slider-title {
    margin-left: -25px;
}
.entry-content li {
    margin-bottom: 10px !important;
    margin-left: -35px;
    margin-right: 0px;
    width: 388px !important;
    height: 253px;
}
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		May 20, 2017 at 2:33 pm

		
		#379305

		
		
		
	
    


    


    

	
    

		
		
    Guy Willett
    Buyer
    
		
		
     Post count: 41
    
	
    

	
    

		
		
    Great, that worked, thanks!
    

    Any ideas on how I can solve a similar offset issue with the slider on the listing detail page? – http://www.preview.pembrokeshirewebdesign.com/listings/shopping/parfitts-carpets-beds-interiors/
    

		
	
    


    

			
				

    

	
    

		May 22, 2017 at 11:33 am

		
		#379458

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Hi there,
    

    Try this code 
    

    

    .geodir_flexslider .geodir-slides>li {
    margin-left: -15px;
}
    

		
	
    


    

			
				

    

	
    

		May 22, 2017 at 11:54 am

		
		#379464

		
		
		
	
    


    


    

	
    

		
		
    Guy Willett
    Buyer
    
		
		
     Post count: 41
    
	
    

	
    

		
		
    That helped, thank you very much.
    

		
	
    


    

			
				

    

	
    

		May 22, 2017 at 1:29 pm

		
		#379477

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    You are welcome
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket