Change text links to buttons on all product page descriptions

Hello

I wish to convert the text links used in all the product descriptions to a button.  Should be CSS for this? Any ideas?

Thanks!

PW geko

4 minutes ago, 1to3go said:

Hello

I wish to convert the text links used in all the product descriptions to a button.  Should be CSS for this? Any ideas?

Thanks!

PW geko

Can you share your website URL?

11 minutes ago, Web_Solutions said:

Can you share your website URL?

https://fennel-saxophone-23m8.squarespace.com/

8 minutes ago, 1to3go said:

https://fennel-saxophone-23m8.squarespace.com/

Password?

11 minutes ago, Web_Solutions said:

Password?

geko

22 minutes ago, 1to3go said:

geko

 

 

Can you send me the product page link? 

9 minutes ago, Web_Solutions said:

Can you send me the product page link? 

I attached a screen shot above

1 minute ago, 1to3go said:

I attached a screen shot above

 

I use this code to do so in an accordion, so I assume something similar?

// Accordion Button

.sqs-block-accordion a {

  border: none 1px white;
  border-radius: 50px;
  padding: 10px 15px 10px 15px;
  background: lightgray !important;
  transition: 0.2s;
  color: black !important;

  &:hover {

    background: #0077BD !important;
    transition: 0.2s;
    color: white !important;

  } 

}

Just now, 1to3go said:

I use this code to do so in an accordion, so I assume something similar?

// Accordion Button

.sqs-block-accordion a {

  border: none 1px white;
  border-radius: 50px;
  padding: 10px 15px 10px 15px;
  background: lightgray !important;
  transition: 0.2s;
  color: black !important;

  &:hover {

    background: #0077BD !important;
    transition: 0.2s;
    color: white !important;

  } 

}

What is the page? Can you send?

7 minutes ago, Web_Solutions said:

What is the page? Can you send?

https://fennel-saxophone-23m8.squarespace.com/config/pages/6527f935056f607c6ead3fda

4 minutes ago, 1to3go said:

https://fennel-saxophone-23m8.squarespace.com/config/pages/6527f935056f607c6ead3fda

This is not working. Can you send me page URL SLUG?

3 minutes ago, Web_Solutions said:

This is not working. Can you send me page URL SLUG?

heimlsungen1-OEuIm

19 minutes ago, Web_Solutions said:

 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.ProductItem-details-excerpt a {
  border: none 1px white;
  border-radius: 50px;
  padding: 10px 15px 10px 15px;
  background: lightgray !important;
  display: inline-block;
  margin-bottom: 5px;
  transition: 0.2s;
  color: black !important;
  &:hover {
    background: #0077BD !important;
    transition: 0.2s;
    color: white !important;
  } 
}

 

Perfect!!!!