Buttons cut off on bottom

Site URL: https://www.sanderswingo.com/buttons

I need a little help fixing these buttons. Has any one had this issue, where the buttons get cut off at the bottom?

3 hours ago, SW_2020 said:

Site URL: https://www.sanderswingo.com/buttons

I need a little help fixing these buttons. Has any one had this issue, where the buttons get cut off at the bottom?

You used a tag for button, and its border-bottom is set to none, should override that

.sqs-block-button .sqs-block-button-element {
  border-bottom: 2px solid #000 !important;
}

I'm having the same issue but also having trouble identifying where I've used the button tag to correct this...

 

3 hours ago, Shraaamp said:

I'm having the same issue but also having trouble identifying where I've used the button tag to correct this...

 

Hi. Can you share link to page in screenshot?

On 7/21/2021 at 4:34 AM, SW_2020 said:

Site URL: https://www.sanderswingo.com/buttons

I need a little help fixing these buttons. Has any one had this issue, where the buttons get cut off at the bottom?

Do you want to fix these?

Site URL: https://www.sanderswingo.com/

1. (Mobile – Homepage) Video doesn’t show in full size

2. (Tablet -Homepage) Want to increase text width?

3. (Tablet – Work) Video doesn’t show in full size

https://www.sanderswingo.com/what-we-do

4. (Mobile – Work) The same here

https://www.sanderswingo.com/what-we-do

 

5. (Mobile – Work) Word break

https://www.sanderswingo.com/what-we-do

 

6. (Tablet – Our value) Word break

https://www.sanderswingo.com/our-values

7. (Mobile – Our value) Want to make 2 icons/row

https://www.sanderswingo.com/our-values

 

8. (Mobile – words of wisdom) Image doesn’t show in full size

https://www.sanderswingo.com/words-of-wisdom

9. (Mobile – Career) Word break

https://www.sanderswingo.com/sw-careers

10. (Tablet – Contact) Make email not break

https://www.sanderswingo.com/contact-us

Ah, yes , here it is!

https://www.royalpineproductions.com/welcome

6 hours ago, tuanphan said:

Hi. Can you share link to page in screenshot?

 

 

Yes! Here it is.  Might it be the code that modifies the styling on that full-width gallery? https://www.royalpineproductions.com/welcome

 

@Shraaamp

The following custom CSS is causing the issue.

a {
    border-bottom-style: none !important;
    text-decoration: none !important
}

The code removes all bottom borders from a (anchor) tags which includes buttons.

Edited July 25, 2021 by creedon

6 hours ago, Shraaamp said:

Yes! Here it is.  Might it be the code that modifies the styling on that full-width gallery? https://www.royalpineproductions.com/welcome

 

Try changing @creedon code to this

a:not(.sqs-block-button-element) {
    border-bottom-style: none !important;
    text-decoration: none !important;
}

 

2 hours ago, creedon said:

@Shraaamp

The following custom CSS is causing the issue.

a {
    border-bottom-style: none !important;
    text-decoration: none !important
}

The code removes all bottom borders from a tags which includes buttons.

Thanks, Creedon!  From none to 5px makes it look back to normal without disrupting any other styling