Notifications
Clear all

[Solved] Styles of the button border on hover

10 Posts
3 Users
2 Reactions
2,061 Views
(@george)
Active Member
Joined: 6 years ago
Posts: 18
Topic starter  

Please add to the design menu styles changing the border color of submit button on hover. Or please explain how to add custom styles which will not be overwritten after plugin update. Because border 1px solid #333333 is not looking good on light themes (see attachment).

Screen Shot 2019 02 09 at 12.34.01 PM
This topic was modified 6 years ago by George

   
Arina
(@arina)
Support Team
Joined: 11 years ago
Posts: 101
 
Hi @george,
 
Please navigate to Dashboard > Settings > Styling admin page, add the following CSS code in "Custom CSS code" textarea, save it, delete all caches, do CTRL+F5 on frontend. 
#wpcomm input.wc_comm_submit.button.alt:hover {
border1px solid #f3c7c7 !important;
}

Don't forget to change the red marked color code before using. 


   
George reacted
(@george)
Active Member
Joined: 6 years ago
Posts: 18
Topic starter  

Thank you Arina! It worked for me. Do I need to insert same code for wpdiscuz_subscription_button or it can be combined in one block of CSS code in any way?


   
Arina
(@arina)
Support Team
Joined: 11 years ago
Posts: 101
 

Hi @george,

You need to insert CSS rules. I don't follow you well, but I think this CSS code should help you.

select.wpdiscuz_select {
border: 1px solid red !important;
}

.wpdiscuz-item > input.email {
border: 1px solid red !important;
}

   
(@george)
Active Member
Joined: 6 years ago
Posts: 18
Topic starter  

Hi!

Thanks you for reply. But it is not really what I need. Your code changes border outside the items list but I need to change the styles button on hover (see attachment).

image 2019 02 11 at 11.48.42 am
This post was modified 6 years ago by George

   
Astghik
(@astgh)
Illustrious Member Admin
Joined: 7 years ago
Posts: 6193
 

Hi @george,

ok,  you need to use this code:

input#wpdiscuz_subscription_button:hover {
border: 1px solid #f3c7c7 !important;
}

   
George reacted
(@george)
Active Member
Joined: 6 years ago
Posts: 18
Topic starter  

Thank you @astghik! Now it looks good.


   
(@george)
Active Member
Joined: 6 years ago
Posts: 18
Topic starter  

Hi!

I found one more button with black colored border on hover. This is "Load More" button.

Image 2019 03 03 at 10.56.53 PM

Can you please help to add custom CSS code to the added before which will help to get rid of black border of the "Load More" button?

.comments-area{width:auto;}
#wpcomm input.wc_comm_submit.button.alt:hover {border: 1px solid #d30007 !important;}
input#wpdiscuz_subscription_button:hover {border: 1px solid #d30007 !important;}

   
Astghik
(@astgh)
Illustrious Member Admin
Joined: 7 years ago
Posts: 6193
 

Hi @george,

This CSS code should help you to solve the problem. 

#wpcomm .wc-load-more-submit:hover{
border: 1px solid #d30007 !important
}

   
(@george)
Active Member
Joined: 6 years ago
Posts: 18
Topic starter  
Posted by: Astghik

Hi @george,

This CSS code should help you to solve the problem. 

#wpcomm .wc-load-more-submit:hover{
border: 1px solid #d30007 !important
}

Thank you @astghik! Thant is what I need.


   
Share:
Scroll to top