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

Button formatting issue


Recommended Posts

  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

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

 

Link to post
  • 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 post
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

Link to post
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 post
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;
}

 

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

 

Link to post
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?

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...