Archived topic
question on how to change wp show post plugin button hover color
5 replies · Started by mmarvel on November 1, 2017
Hi
I'm using your WP Show Posts plugin with my generate press theme. The button is generally white with a yellow outline. When hovering it turns black with a white text. It does not seem to pick up the button colors I've set up in generate press. Is there a way I can change it so that it will pick up GP's theme button colors? I'm not sure where its getting these colors
Thanks. Martha
Hi I think i just got it. So seem background color is default black but i have this in css to fix
body .wp-show-posts a:hover {
box-shadow: 0 0 0 transparent;
display: inline-block;
padding: 8px 15px;
border: 2px solid ##4585bc;
background: ##4585bc;
border-radius: 3px;
color: #ffffff;
font-size: 0.8em;
text-decoration: none;
}
Would be nice if plugin had some color choice or picked up theme color but all is ok.
Thanks. Martha
oops the a:hover changes more then the button so now i am stuck?
any ideas on how to change just the button...
thanks martha
Hi there,
Try this selector: a.wp-show-posts-read-more
If not can you open a topic in WP Show Posts support forum?
Thanks!
yes i opened a post but think i've got it. thanks. martha
/* wp show post button color */
a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
display: inline-block;
padding: 8px 15px;
border: 2px solid #980000;
border-radius: 3px;
color: #980000;
font-size: 0.8em;
text-decoration: none;
}
a.wp-show-posts-read-more:hover {
box-shadow: 0 0 0 transparent;
display: inline-block;
padding: 8px 15px;
border: 2px solid #656f91;
background: #656f91;
border-radius: 3px;
color: #ffffff;
font-size: 0.8em;
text-decoration: none;
}
Glad you got it working :)
