Is there anyway to make the buttons have a gradient colour style like the ones on your page here;
It is the small button below the logo that I wish to make have a gradient;
Hello there,
To apply styling to your button you will need to add style=" " to the button itself like follows:
<a class="x-btn x-btn-rounded x-btn-regular" style=" " href="https://basedcreative.com/what-we-do/" data-options="thumbnail: ''">What We Do</a>
Once you have added the style inline tag, you may then declare more custom variables such as a background gradient.
To apply a background gradient, please use the following attribute: background: linear-gradient(to left, #7c09b2, #0481b2); (this will have the same background color as featured on our site)
You may wish to generate the background gradient CSS using a generator such as http://angrytools.com/gradient/
After you have applied the gradient background to the button, you may then wish to remove the border. You can do this by using the following CSS style: border: none;
In the end, the button’s code should look like:
<a class="x-btn x-btn-rounded x-btn-regular" style="background: linear-gradient(to left, #7c09b2, #0481b2); border: none;" href="https://basedcreative.com/what-we-do/" data-options="thumbnail: ''">What We Do</a>
I hope this helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.