[pdopchevParticipant]

Hi guys,

Just noticed that there is no button border in Google Chrome on the main slider here: http://www.enjoycrestedbutte.com/crestedbuttesnowsports/

Any ideas what might be causing this?

[JadeModerator]

Hi there,

I have checked and the button’s bottom border seems to be correct.

[pdopchevParticipant]

Hi guys,

1) Had to return to this thread again since I just noticed that the border of the button is not initially displayed until you hover over it. Could you please check on that?

2) Also, how could I control the size of the button at different screens? It does gets too small on mobile…

3) Another thing on mobile that just noticed is the link attached to the button does not work. Any idea what is causing that?

Thank you!

[pdopchevParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating this thread!

#1] The button has borders. Because of the slide animation, you’ll have to wait for the button layer to complete display as a whole. Please check out my screenshot:
active – http://prntscr.com/dvfxja
hovered – http://prntscr.com/dvfxmo

#2] To make sure that your button is bigger in smaller screens, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 767px){
  div#slide-1-layer-10{
    font-size: 18px !important;
    border-width: 1px !important;
    padding: 8px 10px !important;
  }
}

#3] To make sure that the link will goes through, please change it to “A tag link”.

We would loved to know if this has work for you. Thank you.

[pdopchevParticipant]

Thank you so much for your help! However the borders never “show” up unless I hover over the button and the size css doesn’t seem to be working…

[RadModerator]

Hi there,

Maybe it’s your browser cache, I checked and it’s working. Borders are there switching between white and yellow.

Thanks!

[pdopchevParticipant]

Hi, yes indeed – the border is there when viewed on Safari or Google Chrome but it is missing when viewed on Firefox.

Personally, I don’t see any change in the button size when viewed on a small screen and the border is missing as well!

Could you please investigate on further on that?

[Paul RModerator]

Hi,

I went ahead and fix by adding a class to your button and adding this in your revslider custom css.

.donate-button {
	color:#FEC601;
	border:1px solid #FEC601 !important;
}
  
.donate-button:hover {
	color:#fff;
	border:1px solid #fff !important;
}

@media(max-width: 767px){
  .donate-button  {
    font-size: 18px !important;
    border-width: 1px !important;
    padding: 8px 10px !important;
  }
}

Please check in your end.

Thanks

[Author]

Posts