mikehaynes Posted April 13, 2017 Share Posted April 13, 2017 Anyone been able to successfully customize the way that the team buttons look? Color, shape, etc? Care to share your css? Thanks in advance. Link to comment Share on other sites More sharing options...
0 SportsEngine Staffer Posted April 21, 2017 Share Posted April 21, 2017 Do you mean the Team Buttons Element? When you want to add a list of your teams to a page? Link to comment Share on other sites More sharing options...
0 mikehaynes Posted April 21, 2017 Author Share Posted April 21, 2017 nickburggraf, Yes, I meant the Team Buttons Element. I lack CSS skills and would like to know how to change the colors on the buttons themselves without changing the global color settings on the site. Thanks, Mike Link to comment Share on other sites More sharing options...
0 docnzok Posted April 27, 2017 Share Posted April 27, 2017 You can customize the buttons using CSS, however, they are built as a list so whatever CSS you apply, will apply it to all the buttons on that page. Here are my normal blue team buttons that are placed when I select insert a team button. Adding some CSS, the buttons are now changed to whatever color you pick, and I have added the color of the hover as well which is the color they will turn when the mouse goes over them. I also added a radius to the buttons for a rounded look. The CSS Code is only needed on the page that the buttons are on so you do not need Cascading. Just add this CSS to the Options/Edit Head Code/SINGLE PAGE Head Code <style> .widget-teamButtons a { background-color: red; border-radius: 10px; border-color: red; } .widget-teamButtons a:hover { background-color: yellow; } </style> That should do the trick. Mark Link to comment Share on other sites More sharing options...
0 mikehaynes Posted May 5, 2017 Author Share Posted May 5, 2017 Thanks Mark! Link to comment Share on other sites More sharing options...
0 jmarcus Posted September 1, 2020 Share Posted September 1, 2020 Do you have the code that will work with the Nokomis theme? Link to comment Share on other sites More sharing options...
Question
mikehaynes
Anyone been able to successfully customize the way that the team buttons look? Color, shape, etc?
Care to share your css?
Thanks in advance.
Link to comment
Share on other sites
5 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now