CTA 2 Buttons

Wordpress Element

How can we help?

View our services to learn more about what we can do or check out our latest products

View our Products
View our Services 
				
					No CSS Found

Statified Element

HTML

				
					<div class="fsf-pad-five fsf-background-center fsf-background-overlay" style="background-image:url('https://theforge.firesideagency.ca/wp-content/uploads/2023/08/cta_backfrop.png')">
    <div class="fsf-flex fsf-flex-col fsf-isolate">
        <h2 class="fsf-text-white">How can we help?</h2>
        <p class="fsf-text-white">View our services to learn more about what we can do or check out our latest products</p>
        <div class="fsf-flex">
            <a class="fsf-button fsf-text-black fsf-bg-white" href="#">View Our Products</a>
            <a class="fsf-button fsf-text-black fsf-bg-white" href="#">View Our Services</a>
        </div>
    </div>
</div>

CSS

				
					.fsf-background-overlay:before{
    background-image: url("https://theforge.firesideagency.ca/wp-content/uploads/2023/08/creative_banner_2.png");
}
.fsf-button{
    padding: 25px 50px;
}
.fsf-flex{
    --fsf-default-gap: 0px;
}
.fsf-flex .fsf-flex{
    --fsf-default-gap: 16px;
}

JS

				
					No JS Found

Element Requirements

Required Colour Variables

  • --shades_one
  • --shades_four

Required Plugins/Shortcodes

  • Elementor