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

Accordion With A Button Inside - Without Changing ALL Links on the Page


Smartyart

Question

Site URL: https://cat-wedge-xh9c.squarespace.com/programs

I'm trying to create a list of the programs and services that we offer at the Community Center where I work. We're a small non-profit which is why I am doing 20 jobs and learning them as I go. I want two buttons to appear inside each accordion drop-down. One that says "Learn More" and one that says "Volunteer". I've figured out how to get the button in there. I've even figured out how to make it look decent, but it is changing EVERY link/button on my page when I do that and making them all look crazy. Here is the code I was using. I don't even remember where I found it. (The button won't link to google, obv, I just haven't gotten very far yet.) The password to the website is: bft2020 

<style> a:link, a:visited {
  background-color: #00B0B9;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
  </style>

<a href="https://google.com" target="_blank">Volunteer</a>

Screen Shot 2020-09-04 at 15.11.15.png

Link to comment

2 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1599105038088_23671 a {
    background-color: #00B0B9;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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

Create an account or sign in to comment

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

×
×
  • Create New...