Button styling

Hi Yigit,

Thanks that looks great!
I had to enable the custom CSS again after I updated the Enfold theme, but now I can use this, thanks!

I remember that I also changed a setting once somewhere that produced a border of a few pixels around the buttons, but I can’t find it now, could you tell me how this can be created? I thought that was in the Enfold control panel somewhere but now I can’t find it…

Marcel

Hi there Jordan,

I tried it but it doesn’t seem to work, I now have this in my quick CSS field:

.buttoncool-class a.avia-button {
background: #7db9e8;
background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #1e5799 100%);
background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#7db9e8′, endColorstr=’#1e5799′,GradientType=0 );
}

.buttoncool-class a.avia-button {
border: 5px solid #ab24cd;
}

I used it in one button in the link below, as you can see, I think the code should generate a purple border , right?
But it’s not there, what did I do wrong? :)

Marcel

Hi Vinnie,

This all works great, however I still have a question.
I realized that I have already built in a lot of buttons in the site so I would have to change the custom CSS field for all of them.

In the backend, all these buttons look exactly like i would like to see them in the frontend, they all have a gradient in the color that I choose, and a very subtle border. Isn’t it possible to make all frontend buttons look like the backend version by default?

Regards,

Marcel