I have a custom module which I am using some animation on, but I do not like the stock button that Kaylee comes with so I want to create my own buttons for my modules. I tried following this, Joomla51 Article, but it did not work like I think and it is because I'm not doing the title correctly for the css code. On the site, I want a red button, a white one like in the slider and then a gray one. all buttons the same code just different colors and hover colors. Here is the code for the red one down below. To clarify I want to use the same code for all three buttons because I like the style but I need to have a different color for each button and so the red one I was going to use r2 and white for white and g2 for grey ones.
.btn r2 {
font-size: 38px;
line-height: 1.5;
font-weight: 200;
font-family: ProximaNova, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #383838;
text-decoration: none;
background-color: transparent;
padding: 5px 35px 5px 35px;
text-shadow: none;
margin: 0px;
letter-spacing: -1.5px;
height: auto;
border-width: 2px;
border-color: #383838;
border-style: solid;
}
.btn r2:hover {
font-size: 38px;
line-height: 1.5;
font-weight: 200;
font-family: ProximaNova, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #cb0602;
text-decoration: none;
background-color: transparent;
padding: 5px 35px 5px 35px;
text-shadow: none;
margin: 0px;
letter-spacing: -1.5px;
height: auto;
border-width: 2px;
border-color: #383838;
border-style: solid;
}
Once I get this figured on on the title part I can add it to the Module suffix. Am I thinking in the right direction?
Thanks,
JT
