[Solved] Styles of the button border on hover  

  RSS

George
(@george)
Active Member
Joined: 1 month ago
Posts: 13
09/02/2019 2:41 pm  

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 2 weeks ago by George

ReplyQuote
Arina
(@arina)
Trusted Member Moderator
Joined: 5 years ago
Posts: 90
09/02/2019 5:10 pm  
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. 

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.


George liked
ReplyQuote
George
(@george)
Active Member
Joined: 1 month ago
Posts: 13
09/02/2019 7:21 pm  

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?


ReplyQuote
Arina
(@arina)
Trusted Member Moderator
Joined: 5 years ago
Posts: 90
11/02/2019 1:21 pm  

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;
}

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.


ReplyQuote
George
(@george)
Active Member
Joined: 1 month ago
Posts: 13
11/02/2019 1:46 pm  

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 2 weeks ago by George

ReplyQuote
Astghik
(@astghik)
Support Team Admin
Joined: 1 year ago
Posts: 1724
11/02/2019 2:33 pm  

Hi @george,

ok,  you need to use this code:

input#wpdiscuz_subscription_button:hover {
border: 1px solid #f3c7c7 !important;
}
This post was modified 2 weeks ago by Astghik

George liked
ReplyQuote
George
(@george)
Active Member
Joined: 1 month ago
Posts: 13
11/02/2019 2:47 pm  

Thank you @astghik! Now it looks good.


ReplyQuote
Share: