Button background not working

grantmorschel

Hello! I have used BeTheme loads of times, but am having a strange problem with buttons. I have set the button background color to #d0ad69 but it's displaying transparent on this page http://www.webfactory.com.au/testsites/ahhba/  under the 'About Us' section. Any ideas what's going on?

Also wondering how to reduce the white space between Visual Editor (About us) and the button?

Regards
Melanie

Bryan

Hi Melanie,
Sorry but we do not see any buttons. Please make a screenshot and explain more.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

grantmorschel

Hi - the buttons are directly under the "Halfinger Horses" and "About Us" sections of text - you can only really see the outline, because I can't get the background to display.
I can't send screenshot until tomorrow if that doesn't make sense.

Regards
Melanie

Bryan

We will wait for the screenshots.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

grantmorschel

Hello

Screenshot is here - https://pasteboard.co/9WI7o0YHm.jpg

Button styling - https://pasteboard.co/9WKsunDcd.jpg

I have used BeTheme loads of times, but haven't encountered this problem before.

Regards
Melanie

Bryan

But the link to the website you sent me does not contain the same content as the screens. I cannot check it.
You can change the button colors in theme options>colors>content
See screen: http://prntscr.com/fbhhtf
But if I do not inspect it I cannot assure it will work.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

grantmorschel

I'm really confused ... here is the website http://www.webfactory.com.au/testsites/ahhba/ and those screenshots have been taken from that page. I can't understand what you are seeing??

I have changed the colour in the setting you described, but they are still displaying as transparent.

Bryan

It was the browser cache.
Please use this custom css

.button-stroke a.button:not(.action_button) {
	background:blue !important;
}
.button-stroke a.button:not(.action_button) .button_label {
	background:red !important;
}
.button-stroke a.button:not(.action_button) .button_icon {
	background:red !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

grantmorschel

Thank you! Is there any setting for a hover colour for buttons?

Regards
Melanie

Bryan

This css will change the hover

.button-stroke a.button:not(.action_button):hover .button_label {
    background:red !important;
}
.button-stroke a.button:not(.action_button):hover .button_icon {
    background:red !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

grantmorschel

Thank you!