Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 31, 2022 at 3:18 am #1353517
    navindesigns

    CTAs don’t have the same color when clicking on them as for the desktop. You can click on the button under the section UWCSEA PACE on mobile. It has that light gray color after pressed on. I want it to be solid blue like the desktop hover instead

    Live site – http://balrajt9.sg-host.com/
    Screenshot – https://ibb.co/N3rhKkf

    Thanks

    May 31, 2022 at 8:58 am #1353547
    Ismael

    Hey navindesigns,

    Thank you for the inquiry.

    We can’t reproduce the issue on our end, but if you are looking to adjust the style of an active button, try to add this code in the Quick CSS field. 

    .avia-button.avia-size-large:active, .home #av_section_3 .avia-content-slider-inner .read-more-link a:active, .page-id-167 #av_section_5 .avia-content-slider-inner .read-more-link a:active, #top .av-masonry-load-more:active {
  transform: translateY(-3px);
  color: #ffffff !important;
  border: 2px solid #007ca5 !important;
  background-color: #007ca5 !important;
  text-decoration: none;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    June 1, 2022 at 3:51 am #1353648
    navindesigns

    Unfortunately, this did not work.

    It seems like the hover on SOME buttons

    try pressing on the button READ MORE under the section UWCSEA PACE on the homepage – http://balrajt9.sg-host.com/ – this one you can see the gray

    then try pressing on the button READ MORE under the section UPCOMING EVENTS & ACTIVITIES on the homepage – http://balrajt9.sg-host.com/ – this one works perfect

    so it has something to do with the default enfold buttons i think

    June 1, 2022 at 1:54 pm #1353748
    Ismael

    Hi,

    Thank you for the update.

    Did you purge the cache or try to check the site on incognito mode? This is how the read more button looks on our end when it is active. (see private field)

    Best regards,
    Ismael

    June 4, 2022 at 4:27 am #1354103
    navindesigns

    Yes, I have purge the cache and try in incognito

    again it only happens when you press the button on mobile

    screenshot – https://ibb.co/5Y2FTWR

    June 4, 2022 at 9:34 pm #1354183
    Mike

    Hi,
    Unfortunately I can not reproduce this, if you are seeing this on an iPhone try adding the css:

    .avia-button.avia-size-large {
    -webkit-appearance: none;
	}

    or this:

    .avia-button.avia-size-large:focus {
    -webkit-appearance: none;
	}

    Best regards,
    Mike

    June 8, 2022 at 4:42 am #1354468
    navindesigns

    Unfortunately, I am still seeing this on my end on my iphone

    can you have somoene with an iphone test this?

    June 14, 2022 at 4:40 am #1355119
    Nikko

    Hi navindesigns,

    We apologize for the delayed response.
    Can you try to temporarily disable the following CSS codes in your Quick CSS:

    #top .avia-button.avia-size-large:hover, #top.home #av_section_3 .avia-content-slider-inner .read-more-link a:hover, #top.page-id-167 #av_section_5 .avia-content-slider-inner .read-more-link a:hover, #top .av-masonry-load-more:hover  {
  opacity: 1;
  transform: translateY(-3px); 
  color: #ffffff !important;
  border:2px solid #007ca5 !important;
  background-color: #007ca5 !important; 
  text-decoration: none;
  }

    and:

    .avia-button.avia-size-large:active, .home #av_section_3 .avia-content-slider-inner .read-more-link a:active, .page-id-167 #av_section_5 .avia-content-slider-inner .read-more-link a:active, #top .av-masonry-load-more:active {
  transform: translateY(-3px);
  color: #ffffff !important;
  border: 2px solid #007ca5 !important;
  background-color: #007ca5 !important;
  text-decoration: none;
}

    Hope this helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.