Jump to content

Custom CSS to Button Block

Recommended Posts

Site URL: https://www.chickenandgrill.com.au

Hello! 

I would like to know if it is possible to add a custom CSS code to a Button Block.

I have this CSS code that I use with the Custom Code Block to add a button that will take you the GloriaFood Ordering app:

 

<!-- If you would like to customize the button, remove or change the "class" attribute inside the <span> tag -->

<span class="glf-button" data-glf-cuid="f6c86696-efff-4966-8a45-641d018fe960" data-glf-ruid="cec77a3b-e53e-457d-9243-8ab0f61200f4" style="padding:15px; font-size: 16px; border-radius:0px; color:#ffffff !important ; background-color:#c21011; position: absolute; left: 50%; transform: translateX(-50%); top: 0px;"> Order Now</span>

<script src="https://www.fbgcdn.com/embedder/js/ewm2.js" defer async ></script>

 

 

I would like the button on my home menu to do the same thing, but squarespace only allows me to put an url or a page on the button.

Is there any way I can make that button, and any other "button block" to act the same way as my custom button?

Thank you for your help!

Bruneta

Link to comment
1 hour ago, tuanphan said:

Which buttons on homepage?

Please see the attached image. 

Button number 1 is a Custom Code Block, when you click on it, it opens the GloriaFood Ordering App.

I would like button number 2 to do the same thing. But because it's a Button Block and not a Custom Code Block, it only allows me to link an URL. 

Is it possible to make button number 2 to do the same as button number 1?

Chicken   Grill.png

Link to comment
On 4/8/2020 at 3:54 PM, bru said:

Please see the attached image. 

Button number 1 is a Custom Code Block, when you click on it, it opens the GloriaFood Ordering App.

I would like button number 2 to do the same thing. But because it's a Button Block and not a Custom Code Block, it only allows me to link an URL. 

Is it possible to make button number 2 to do the same as button number 1?

 

ah got it. Have you solved yet?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
9 minutes ago, bru said:

Hi,

 

do you have any idea about how to solve this? Thank you so much!

 

Not yet, tried some idea but no luck. You try post to this group.

I intend to check again in the next week.

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.