Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Question

  • Answers 15
  • Created
  • Last Reply

Top Posters For This Question

15 answers to this question

Recommended Posts

  • 0
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>

 

 

Link to post
  • 0

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!

Link to post
  • 0

 Add to Home > Design > Custom CSS

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

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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? 

 

Link to post
  • 0
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>

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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

Screenshot 2020-07-09 at 08.15.40.png

Link to post
  • 0
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?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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.

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...