Button in "Home page heading"

Hi, I am wondering if if's possible to put a shortcode or custom css to have the word's "Free Quote" inside of a button on my home page heading beneath the slider?

ex: "Click here for a FREE QUOTE"

Thanks in advance!

 

Hello,

Go to the Appearance > Theme Options > Homepage Settings panel in your dashboard and put the code given below in Feature Text Heading section.

Code:

Enter your Feature Text Heading here
<br>
<a href="Enter the URL link for button here"><span class=top_button>Enter your button text here</span></a> 

Now,
Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.top_button {
background: red;
padding: 5px 10px;
border-radius: 5px;
} 

In place "red" you can put your color or color code.
You can change the value of "padding" and "border-radius" as per your requirement.

This will solve your issue.

 

Thanks for that, it worked. But I want to change the way it looks. Right now the button color is very dark, and the text is hard to see. I want the button color to be a bit lighter blue than it is and the text to be white. Ive attached two pics for reference. Thanks.

 

Hello,

Go to the Appearance > Theme Options > Homepage Settings panel in your dashboard and put the code given below in Feature Text Heading section.

Code:

<span class=btn-text>Enter your Feature Text Heading here</span>
<br>
<a href="Enter the URL link for button here"><span class=top_button>Enter your button text here</span></a> 

Now,
Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.top_button {
background: #358ef2;
padding: 5px 10px;
border-radius: 5px;
} 
.btn-text{
font-family: enter your font family;
font-size:16px;
color: enter your color value;
}

Thanks & Regards
Nitesh Raghuwanshi

 

Perfect thanks!