Button formatting issue

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

Hi all, 

I'm having lots of trouble with the button formatting – any ideas on why the bottom line has disappeared?
 

Cheers, 
Madeleine 

I don't see this button on your page. Maybe I'm missing it or is it on a subpage and not the homepage?

It's a subpage – www.extraordinaryroutines.com/companion. But to go live I've had to change the button to style to 'solid' so it doesn't display as above.

The border bottom width is 0px, so i caused above problem

You can add this to Home > Design > Custom CSS

div#block-5352488396cd653ba791 a {
    border-bottom-width: 1px !important;
}

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"

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?

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:

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:

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

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

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

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!

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!

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

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

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.

20 hours ago, SBSB said:

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

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

Thanks!  It's fixed!