Add button into footer

Support
#1

Hello

How can I add a button in my widget footer?

I currently have a Setmore button there for booking appointments, but I would like another one which would lead to an internal page on the website, how can I achieve that?

#2

Hello There,

Thanks for posting in! To add more button, please go to Appearance > Widgets and find the footer widget area where you have inserted the button for booking appointments. You can add another button by using a button shortcode. Please check this out to know how you can use a button shortcode.
http://demo.theme.co/integrity-1/shortcodes/buttons/

Hope this helps.

#3

thank you!

In the footer: Why is the Setmore button on my landing page different from the one that is in the footer on other pages?

#4

Hey There,

You home page has a different button because in your Cornerstone page custom css, you added this:

a.x-btn-global{
	color:#F9F8F7;
	border-color:orangered;
	background-color:rgba(255,69,0,0.6);
	text-shadow:none;
	padding:.429em 1.143em .643em;
	font-size:18px;
}

Please edit your homepage back in Cornerstone and remove the custom css.

#5

Thank you so much!

It does work :slight_smile:

How can I make the footer set more button EXACTLY the same as the buttons throughout my website in terms of style and hover over colour?

#6

Hi There,

Please also add this custom CSS:

button.setmore.setmore-iframe.x-btn.x-btn-global.cboxElement {
    background: rgba(255,69,0,0.6) !important;
}
button.setmore.setmore-iframe.x-btn.x-btn-global.cboxElement:hover {
    background: OrangeRed !important;
    border-color: transparent; 
}

Hope it helps :slight_smile:

#7

whoop whoop!
THANK YOU!!!

#8

How may I make the text colour in the footer button in white?

#9

Here you are:

  • White when hover:
button.setmore.setmore-iframe.x-btn.x-btn-global.cboxElement {
    background: rgba(255,69,0,0.6) !important;
}
button.setmore.setmore-iframe.x-btn.x-btn-global.cboxElement:hover {
    background: OrangeRed !important;
    border-color: transparent; 
    color: #fff !important;
}
  • White by default:
button.setmore.setmore-iframe.x-btn.x-btn-global.cboxElement {
    background: rgba(255,69,0,0.6) !important;
    color: #fff !important;
}
button.setmore.setmore-iframe.x-btn.x-btn-global.cboxElement:hover {
    background: OrangeRed !important;
    border-color: transparent; 
}
#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.