[Solved] Styles of the button border on hover  

  RSS

George
(@george)
Active Member
Joined: 7 months ago
Posts: 18
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 6 months ago by George

Arina
(@arina)
Estimable Member Moderator
Joined: 5 years ago
Posts: 101
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
George
(@george)
Active Member
Joined: 7 months ago
Posts: 18
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?


Arina
(@arina)
Estimable Member Moderator
Joined: 5 years ago
Posts: 101
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.


George
(@george)
Active Member
Joined: 7 months ago
Posts: 18
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 6 months ago by George

Astghik
(@astghik)
Support Team Admin
Joined: 2 years ago
Posts: 3109
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 6 months ago by Astghik

George liked
George
(@george)
Active Member
Joined: 7 months ago
Posts: 18
11/02/2019 2:47 pm  

Thank you @astghik! Now it looks good.


George
(@george)
Active Member
Joined: 7 months ago
Posts: 18
04/03/2019 5:54 pm  

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
(@astghik)
Support Team Admin
Joined: 2 years ago
Posts: 3109
04/03/2019 5:59 pm  

Hi @george,

This CSS code should help you to solve the problem. 

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

George
(@george)
Active Member
Joined: 7 months ago
Posts: 18
04/03/2019 6:29 pm  
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: