option to add a Button Block to the top of an Events Page.??

Site URL: https://runatitshouting.co.uk/new-events-page

is there a code or option to add a Button Block to the top of an Events Page.?? like the custom page i made below. I want to use it as a events page so i can do tags ect.

thank you

option to add a Button Block to 

30 minutes ago, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Header. Replace beaverhero with your url

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('<a href="https://beaverhero.com" class="sqs-block-button-element--medium sqs-block-button-element t-eventsbutton">Support Us</a>').insertBefore('.eventlist.eventlist--past');
	});
</script>
<style>
  .t-eventsbutton {
    border: 1px solid black;
    padding: 1em;
    color: black !important;
    display: block;
    text-align: center;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
}
</style>

 

Thank you so much!

Can I change the font for the button or at least make it bigger? 

ok i've worked out how to make the font bigger but not change the font style.

Also how do i get a line between the button block and the events starting. 

thank you so much for this!

30 minutes ago, RunatitSHOUTING said:

 

how do i get a line block between the (SUPORT US) button block and the events starting. 

thank you so much for this!

 Add to Home > Design > Custom CSS

.eventlist.eventlist--past {
    border-top: 1px solid black;
    padding-top: 20px;
}

15 hours ago, tuanphan said:

 Add to Home > Design > Custom CSS

.eventlist.eventlist--past {
    border-top: 1px solid black;
    padding-top: 20px;
}

 

thank you so much! I am so grateful!

one last thing.

Is there anyway to change the font to the font used in the original block buttons? 

3 hours ago, RunatitSHOUTING said:

thank you so much! I am so grateful!

one last thing.

Is there anyway to change the font to the font used in the original block buttons? 

 

edit style code

<style>
  .t-eventsbutton {
    border: 1px solid black;
    padding: 1em;
    color: black !important;
    display: block;
    text-align: center;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: monospace !important;
}
</style>

8 hours ago, tuanphan said:

edit style code

<style>
  .t-eventsbutton {
    border: 1px solid black;
    padding: 1em;
    color: black !important;
    display: block;
    text-align: center;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: monospace !important;
}
</style>

 

thank you so much ! 

that is brilliant one last thing there is a nice space under the button but before the line in my custom made page. Is there anyway to achieve this ?

That would be fantastic! 

Thank you 

Charlie

7 hours ago, RunatitSHOUTING said:

thank you so much ! 

 

that is brilliant one last thing there is a nice space under the button but before the line in my custom made page. Is there anyway to achieve this ?

That would be fantastic! 

Thank you 

Charlie

You mean increase spacing between button -line, line - events?

5 hours ago, tuanphan said:

You mean increase spacing between button -line, line - events?

yes exactly! 

Is it possible?

On 7/9/2020 at 3:53 PM, tuanphan said:

You mean increase spacing between button -line, line - events?

Are you able to help me?

10 hours ago, RunatitSHOUTING said:

Are you able to help me?

Add to Home > Design > Custom CSS

.eventlist.eventlist--past {
    padding-top: 50px;
    margin-top: 50px;
}

9 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

.eventlist.eventlist--past {
    padding-top: 50px;
    margin-top: 50px;
}

 

Thank you can I donate to you for your help ?

Charlie

22 minutes ago, RunatitSHOUTING said:

Thank you can I donate to you for your help ?

Charlie

 

23 minutes ago, RunatitSHOUTING said:

Thank you can I donate to you for your help ?

Charlie

 

I sent a message.

13 minutes ago, tuanphan said:

 

I sent a message.

Done