Loginbox widget customization

This topic contains 11 replies, has 2 voices, and was last updated by  Rafaela 5 years, 8 months ago.

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

Open Support Ticket
  • Author
    Posts
  • August 22, 2018 at 2:37 am #443411

    Rafaela
    Full Member
    Post count: 131

    Hi guys,

    Is there an easy way to customize the Loginbox Widget?

    The default just looks terrible with our settings/ theme and I can’t find where to i.e. get rid of the huge red Logout button or the Account Settings button.
    The other nice to have for me would be to have the same pink Set Favourites button to Show Favourites instead of the list view.

    Is that possible?

    Thanks!

    August 22, 2018 at 2:38 am #443413

    Rafaela
    Full Member
    Post count: 131
    This reply has been marked as private.
    August 22, 2018 at 3:14 am #443429

    Kor
    Moderator
    Post count: 16516

    Hi Rafaela,

    Thanks for your post. You can remove the “Logout” button using custom CSS code. Insert the code below into GD > Design > Scripts > Custom Style CSS. 

    

    a.signin {
    display:none!important;
}
    

		
	
    


    

			
				

    

	
    

		August 23, 2018 at 3:51 am

		
		#443641

		
		
		
	
    


    


    

	
    

		
		
    Rafaela
    Full Member
    
		
		
     Post count: 131
    
	
    

	
    

		
		
    Thanks!
    
I am assuming this will also then remove the sign-in fields when the user is not logged in, which I wanted to keep.
    
I suppose then a better option would be to customize the size and colour of the button in css, is this also done with a.signin?
    
I have tried the following, but it does not work…
    
a.signin{
    
background-color: #1eabc7;
    
}
    

		
	
    


    

			
				

    

	
    

		August 23, 2018 at 5:25 am

		
		#443652

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Rafaela, 
    

    Thanks for your reply. Sorry, I totally forgotten about the signin button. You can change the code to the below so that it only targets the button when you’re logged in. 
    

    

    .logged-in a.signin {
    display:none!important;
}
    

		
	
    


    

			
				

    

	
    

		August 24, 2018 at 2:08 am

		
		#443806

		
		
		
	
    


    


    

	
    

		
		
    Rafaela
    Full Member
    
		
		
     Post count: 131
    
	
    

	
    

		
		
    Hi Kor,
    

    Thanks!
    
I am getting a CSS error though?
    

		
	
    


    

			
				

    

	
    

		August 24, 2018 at 2:10 am

		
		#443807

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Rafaela, 
    

    Thanks for your reply. Not sure what you mean, could you show us some screenshots? That custom CSS code seems valid.
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		August 24, 2018 at 2:32 am

		
		#443811

		
		
		
	
    


    


    

	
    

		
		
    Rafaela
    Full Member
    
		
		
     Post count: 131
    
	
    

	
    

		
		
    Hi Kor,
    

    Sorry I thought i had attached it.
    
I am using a plugin called custom CSS which has handeled all the the other CSS changes perfectly.
    
I am thinking maybe I need to add some sort of gd to the beginning of the code?
    
Thanks!
    

		
	
    


    

			
				

    

	
    

		August 24, 2018 at 3:13 am

		
		#443813

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Rafaela, 
    

    Based on the screenshot you’ve provided, it looks like you’ve left out a closing curly bracket above the code. Anyway, I’ve corrected some of the custom CSS codes and I’ve inserted the code above to the bottom of the custom CSS plugin. Could you test and see if it works? 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		August 24, 2018 at 7:19 am

		
		#443830

		
		
		
	
    


    


    

	
    

		
		
    Rafaela
    Full Member
    
		
		
     Post count: 131
    
	
    

	
    

		
		
    Hmm, I actually had the both of the {} there but anyways it works now!!
    
Thanks so much for your help!!
    

    Which custom CSS codes did you need to correct? Just curious as I am still learning 🙂
    

    Have a great weekend!
    

		
	
    


    

			
				

    

	
    

		August 24, 2018 at 6:06 pm

		
		#443914

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		August 26, 2018 at 2:06 am

		
		#444036

		
		
		
	
    


    


    

	
    

		
		
    Rafaela
    Full Member
    
		
		
     Post count: 131
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
		
	
    • 

	
  • 

		
    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