Button in Footer 1 area

Hello Support,

I would need a Button with a link in Footer 1 Area. There is no Widget to add a button but I thought I could do it via individual HTML insert but the color is wrong. Please see screenshot.

This is the code I have inserted in individual HTML

<div class="elementor-widget-wrap">
	<div class="elementor-element elementor-element-c313269 elementor-align-center elementor-widget elementor-widget-button" data-id="c313269" data-element_type="widget" data-widget_type="button.default">
		<div class="elementor-widget-container">
			<div class="elementor-button-wrapper">
			<a href="http://www.mysite.com/kontakt/" class="elementor-button-link elementor-button elementor-size-lg" role="button">
				<span class="elementor-button-content-wrapper">
					<span class="elementor-button-text">Kontaktieren Sie uns</span>
				</span>
				</a>
			</div>
		</div>
	</div>
</div>

Please help how to solve an how to do it best.

Many thanks
Roman

Hi Roman,

Thank you for contacting us. I am happy to help with your queries.

You can manage the styles for that button separately with custom CSS code. For example:

    .footer-widgets a.elementor-button-link {
      background-color: #8dc800;
    }

    .footer-widgets a.elementor-button-link .elementor-button-text {
      color: #fff;
    }

    .footer-widgets a.elementor-button-link:hover .elementor-button-text {
      color: #fff000;
    }

You can apply it to your website’s Additional CSS option under the Appearance menu > Customize.

I hope this reply helps.

Regards,
Kharis
aThemes Support

Hello Kharis,
this worked fine for most of the pages but in “Blog” page the format is different:


On all other pages it looks like this:

How do I get the same formating on each footer page?
Many thanks
Roman

Hi,

Thank you for getting back.

Can you share a link to your page where I can get that button, so I can inspect and get the correct code to suggest?

Regards,
Kharis
aThemes Support

Of course: solunity services GmbH – the service company (solunity-services.com)

Thanks for checking

BR

Roman

We have changed the URL. Could you please check, we want to set it live.
New URL: www.solunity-services.com

Hi,

Thank you for sharing the link.

Try adding this CSS code to your website’s Additional CSS.

    .footer-widgets .elementor-button.elementor-size-lg {
      font-size: 18px;
      padding: 20px 40px;
      border-radius: 5px;
    }

Regards,
Kharis
aThemes Support

Perfect, many thanks. This solved my problem.

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support