Perses

Thanks, that's amazingly simple!  

Site URL: https://www.saintsaviour.org/
This is an ongoing event that lasts until Feb. 13; it started Jan 20.  I'd like to hide the Jane 20 white icon.  OR, alternately include the end date, as it does on the Events page.     Thanks!

Site URL: https://www.saintsaviour.org/

In the Events Summary Block on Homepage: www.saintsaviour.org.  is the event "Valentine's Day Cards Needed."  The thumbnail image lists the date the event "started" as Jan 20.  As the text underneath indicates, the event is ongoing until Feb. 13.   

On the Events page  www.saintsaviour.org/events  -- the thumbnail image does include the event's end date.  

I've been asked if I could hide the date in the thumbnail for that one event, or, alternately, have it include the end date.  The person running the event worries that people will see Jan. 20th and assume the event is over.  People don't read 'the fine print.'   
 

From rummaging around the Squarespace forums, I see that this might entail selecting the event ID?   Any suggestions?

Thanks, by the way, for all the help we receive on this forum.  

Laura

On 9/25/2020 at 9:45 AM, tuanphan said:

}

Hi Tuphan,  Thanks for your suggestion, but it didn't work.  The button remains yellow.  

YES!! I did work!! I stand corrected, but it took about 2 hours to process.  Interesting.

Dear All,

I followed creedon's specs to get two header buttons in my nav bar.  It worked brilliantly.  However, I've been asked to change the "Give" button to another color.   The website is: www.saintsaviour.org.  Here is the color I'd like it to be changed to: hsl(196, 50%, 47%).  I don't know if this is relevant, but that blue color is defined as "light" in the 3 color palette on my site. It's the Middle color. 

Also, the "Give button" doesn't appear on the mobile menu?

On 9/10/2020 at 9:43 PM, creedon said:

 

Quote

 

You will need to have at least the business plan to implement the following solution.

In Design > Custom CSS put the following.

.header-actions-action.header-actions-action--cta {

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  
  -ms-flex-direction: column;
  flex-direction: column;
  
  gap: 1vw;
  text-align: center;
  
  }

In Settings > Advanced > Code Injection > HEADER put the following.

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

The above loads the jQuery library which I find makes doing these kinds of coding tasks easier.

In Settings > Advanced > Code Injection > FOOTER put the following.

<script>

  $( ( ) => {
  
    let $cta = $( '.header-actions-action--cta' );
    
    let $newButton = $( '.btn', $cta [ 0 ] ).clone ( );
    
    $newButton.attr ( 'href', 'enter url here' );
    $newButton.text ( 'enter button text here' );
    
    $cta.append ( $newButton );
    
    } );
    
  </script>

Let us know how it goes.