Jump to content

Button formatting issue

Recommended Posts

  • Replies 14
  • Created
  • Last Reply

Top Posters In This Topic

  • 9 months later...

Hello,

I am having this same issue with the outline disappearing on my buttons. I'm a bit of a novice with CSS so I wonder if I might have messed something up along the way in the custom CSS section.

Here is the link: https://www.generationsgraphics.com/design

Password is "test2020"

Link to comment
On 2/20/2021 at 2:35 AM, missrisa said:

Hello,

I am having this same issue with the outline disappearing on my buttons. I'm a bit of a novice with CSS so I wonder if I might have messed something up along the way in the custom CSS section.

Here is the link: https://www.generationsgraphics.com/design

Password is "test2020"

Hi. Looks fine here. Can you explain clearly?

image.thumb.png.4f229c14d0365d536e4f004dba468d66.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 2/21/2021 at 4:37 AM, tuanphan said:

Hi. Looks fine here. Can you explain clearly?

 

For some reason it is fine in the top navigation, but if you scroll down, you will see in the body that the bottom outline of the buttons have disappeared throughout the website. Please see this screenshot:

Screen Shot 2021-02-22 at 10.33.18 AM.png

Link to comment
On 2/25/2021 at 9:57 PM, missrisa said:

For some reason it is fine in the top navigation, but if you scroll down, you will see in the body that the bottom outline of the buttons have disappeared throughout the website. Please see this screenshot:

Screen Shot 2021-02-22 at 10.33.18 AM.png

You used this code. It removed button border bottom

a:not(.btn) {
    background-image: none !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

To fix, add this code

div.image-button-inner a {
    border-bottom: 2px solid #000 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 3/5/2021 at 7:58 AM, tuanphan said:

You used this code. It removed button border bottom


a:not(.btn) {
    background-image: none !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

To fix, add this code


div.image-button-inner a {
    border-bottom: 2px solid #000 !important;
}

 

Thank you so much! That fixed the buttons on every page except for this one!

https://dolphin-hen-etyc.squarespace.com/photo-collages

Link to comment
  • 3 weeks later...
On 3/12/2021 at 9:44 PM, missrisa said:

Thank you so much! That fixed the buttons on every page except for this one!

https://dolphin-hen-etyc.squarespace.com/photo-collages

Add to Design > Custom CSS

/* Photo colalges page - button issue */
div#block-d8f36b82335d5df198e5 a {
    border-bottom: 2px solid #000 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 4/3/2021 at 4:18 AM, AJT said:

I am having the same issue. 

https://www.arieltaub.com/ines

I tried your suggestions for code and it didn't fix the issue.

Any help would be appreciated!

image.thumb.png.3ad76ffda4a16d90ea827614bc5899a9.png

image.thumb.png.37a272fc20e1f2cb59eec97e7b7fda1e.png

Hi. Sorry for the delay. What is your problem? Can you explain clearly?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
20 hours ago, SBSB said:

I have a button with no bottom border also.  https://www.zeiafoods.com/wholesale

image.png.9d4ea70a387ab2ecd68e9b74623930a1.png

I've tried to inspect the page and use some code from this thread, but I haven't figured it out yet.  How can I make the bottom border visible? Thanks.

Add to Design > Custom CSS

/* Reset button border bottom */
div#block-yui_3_17_2_1_1619101669229_18993 a {
    border-bottom: 2px solid black !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.