Shortcode Button styling

aburns348 · August 2017

How can I make the red button called "take the quiz" hover with a red background? I am using the shortcode button option.

http://template.lpnational.wpengine.com/

Bryan · August 2017

Hi,
your custom css is setting the hover color to white

#Top_bar .menu > li.last:last-of-type > a span:hover {
	color: #cc0000 !important;
	background-color: #fff;
	transition: ease-in-out .5s;
}

aburns348 · August 2017

I think we are looking at two different elements. To clarify, I am rwferring to this button shortcode: https://template.lpnational.wpengine.com/wp-content/uploads/sites/12/2017/08/btn_shortcode.png

Bryan · August 2017

If you want custom css for that then you will need to add a custom class to the wrap or column to we can target that button, else we would target all the buttons on the page.

aburns348 · August 2017

Ok, I added in a CSS class to the column called "takequiz". I tried to target it but to no avail.

Bryan · September 2017

We are sorry but there is no such class added for the button on your site.

aburns348 · September 2017

I see within the button shortcode there is a "class" field. In the documentation, all it says is that can be used for scroll class.

As you instructed, I added a class to the column containing the button called "takequiz"

Bryan · September 2017

Sorry but there is no such class on the page. Also the button styles are set to stroke which by default has not background on hover.

Shortcode Button styling

Comments