Reset rating star

This topic contains 7 replies, has 3 voices, and was last updated by  David Sirius 7 years, 10 months ago.

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

Open Support Ticket
  • Author
    Posts
  • January 28, 2018 at 6:16 pm #414704

    David Sirius
    Expired Member
    Post count: 163

    Hi,

    I have uploaded a rating image (GeoDirectory -> MultiRatings -> Overall Rating), as I wanted to check how it would look on the page.

    However, now I cant get rid of it any more / reset to default.

    Could you please advise how to change it back to normal?

    Also, would it be possible to have a gradient fill for the star instead of just one colour?

    Many thanks
    David

    January 28, 2018 at 7:46 pm #414708

    Kor
    Moderator
    Post count: 16516

    Hi David,

    Kindly refer to this post on how to replace the overall rating icon to the default. https://wpgeodirectory.com/support/topic/removing-overall-rating-image/#post-315803 . If you wish to have a gradient fill star rating icon, you’ll have to either download it from somewhere else or custom make one on your own.

    Thanks!

    January 28, 2018 at 8:16 pm #414710

    David Sirius
    Expired Member
    Post count: 163

    Cool thanks Kor!

    I think I will have to create my own image with a gradient fill. Could you please explain how the rating star function works? It’s a bit odd and not intuitive as I would have expected. I thought I could just upload any star icon, but I think it needs to have very specific attributes. I understand there is some background color that needs to be overlaid by the star icon, so you cant use for example a transparent one and you still have to make use of one colour set in the GeoDirectory settings, so not sure a customised image would even work. I think its may even require PHP cusomisation?

    Would be really helpful to understand, so I’m aware what to be mindful in creating an icon.

    Many thanks!

    David

    January 29, 2018 at 12:19 am #414730

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    the area outside the icon should match the page background color, and the area inside the icon should be transparent.

    PHP customization is not necessary.

    Hope that helps

    January 29, 2018 at 8:59 pm #414869

    David Sirius
    Expired Member
    Post count: 163

    Hi Alex,

    It did indeed as it is in line with my understanding, partially though – I still belive it requires further customisation for a gradient fill, because in GD settings you can only choose one colour which will be reflected through the transparent middle of the icon. Perhaps it can be solved with the workaround of applying a CSS class with a gradient fill to the background..

    If anyone has any experience / thoughts on this, it would be greatly appreciated! If not I’ll do some trial & error and see how far I can get.

    Thanks
    David

    January 29, 2018 at 9:48 pm #414872

    David Sirius
    Expired Member
    Post count: 163

    Figured it out playing around. I photoshoped the grey out of the star icon and applied css.

    For anyone trying to accomplish the same:

    CSS Code

    

    .geodir_RatingAverage {
background-image: linear-gradient(to bottom right,#36B7EA, #36B7EA, #7B63EE, #3ad4c1);
}
    

    Attached transparent star icon.
    

		
	
    


    

			
				

    

	
    

		January 30, 2018 at 12:38 am

		
		#414905

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    You can include the PSD as an attachment too so folks can see the layers?
    

    There is a gradient in the PNG used in some of the themes, I think it is Supreme, to add some style to the listing title. 
    

    In that case, the gradient is applied to the transparent area, and the color of the background shows through more s the transparency increases.  
    

    Nice one on the CSS gradient!
    

		
	
    


    

			
				

    

	
    

		January 30, 2018 at 8:49 pm

		
		#415043

		
		
		
	
    


    


    

	
    

		
		
    David Sirius
    Expired Member
    
		
		
     Post count: 163
    
	
    

	
    

		
		
    No layers used, just removed some of the grey so the gradient would come through better – tried uploading the psd just now but got an error that the file type is not supported for security reasons.
    

    Also attached an example of how it looks now – not final yet though.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 8 posts - 1 through 8 (of 8 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