Solved Templates

Cant change button border on focus

Asked by Garrett McDaniel 4 years ago Last activity 4 years ago

I have checked all the addon properties and cannot seem to find where to change this blue border when the button is focused or clicked.

Tried using this custom css from previuos post and worked temporarily, but is no longer effective.

.sppb-btn.focus, .sppb-btn:focus {
box-shadow: 0 0 0 3px rgb(0 255 99 / 25%);
}

Template: Helix Ultimate SP Page Builder Pro 3.8.8 Joomla 4.2.2

URL- www.tdi.services

https://www.tdi.services/images/blueborder.png

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Hi

Use this custom CSS and change the color which you want

.sppb-btn.focus, .sppb-btn:focus{
    box-shadow: 0 0 0 3px rgb(149 255 0 / 25%) !important;
}

Note: Path towards Custom css for Joomla 3
Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Custom css for Joomla 4
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

-Regards.

8 more replies

Ariba Staff

Hello

Thank you for sharing the screenshot. Could you please provide your admin access? Use the hidden mode to share the log in credentials.

Garrett McDaniel Asked this

I have update the original post with access. Thank You

Garrett McDaniel Asked this

Im sorry, this was not effective. No change

Mehtaz Afsana Borsha Staff

Please use my CSS on your custom.css file

Garrett McDaniel Asked this

I put in Custom.css and there is still no change.

Garrett McDaniel Asked this

It is working now. Thank You!!

Mehtaz Afsana Borsha Staff

You are most welcome.

Log in to reply.