Faq and button hover

[fortknoxusa]

Hello,

I would like my buttons to fill in red when they are hovered over and then the black font inside to turn to white.
I tried on theme options and buttons and it hasn’t worked. How can i do this?

I would like my FAQ to not have the arrow next to it. I am going to keep them open. How can i get rid of that arrow?

Thanks!

[ruenel]

Hello Justin,

Thanks for writing in!

1.) Buttons:

• You are using classic buttons element. You will need to edit the page back in Cornerstone and make sure that you select Global Settings for the button type so that you can change the styling of your button and choose the right colors in X > Theme Options > Buttons.

2.) To remove the arrow, I have edited the page and added this custom css:

.x-acc .x-acc-header .x-acc-header-indicator {
    display: none;
}

Please check your site.

[fortknoxusa]

Thanks for the help with the faq.
How do i change the global settings if the button i want to have a hover on is in the menu and on the homepage?

[ruenel]

Hello Justin,

How do i change the global settings if the button i want to have a hover on is in the menu and on the homepage?

Since you have made the button in your menu via custom css, you will also have to add a hover effect via custom css . In your case, you may have something like this:

.x-navbar .desktop .x-nav > li:last-child a {
    padding: 20px 29px;
    border: 2px solid red;
    border-radius: 3px;
    color: white;
}

.x-navbar .desktop .x-nav > li:last-child a:hover {
    border-color: yellow;
    color: green;
}

I have changed the colors for the hover so that you will see a distinction. This code is just an example by the way.

Hope this helps.