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

Buttons cut off on bottom


SW_2020

Question

8 answers to this question

Recommended Posts

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

Screen Shot 2021-07-20 at 3.33.09 PM.png

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;
}

image.thumb.png.642c70726ae23f89b95bfa47e803a1e6.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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

 

Screen Shot 2021-07-24 at 1.06.58 AM.png

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?

Screen Shot 2021-07-20 at 3.33.09 PM.png

Do you want to fix these?

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

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

sanderswingo.com-01-min.png

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

sanderswingo.com-02-min.png

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

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

sanderswingo.com-03-min.png

4. (Mobile – Work) The same here

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

 

sanderswingo.com-04-min.png

5. (Mobile – Work) Word break

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

sanderswingo.com-05-min.png

 

6. (Tablet – Our value) Word break

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

sanderswingo.com-06-min.png

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

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

sanderswingo.com-07-min.png

 

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

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

sanderswingo.com-08-min.png

9. (Mobile – Career) Word break

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

sanderswingo.com-9-min.png

10. (Tablet – Contact) Make email not break

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

sanderswingo.com-10-min.png

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 - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

 

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 - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

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...