Safari Icon Size and Search Button Appearance Issues

This topic contains 6 replies, has 3 voices, and was last updated by  alchemi design 4 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • October 4, 2019 at 3:22 pm #511630

    alchemi design
    Expired Member
    Post count: 46

    Hi there,

    I’m having some appearance issues with my category icons and search button on Safari vs Chrome. I’ve attached two screenshots to show the differences. The category icons are appearing very small on Safari while on Chrome they look normal.

    I was having a problem on mobile Safari with the icons being tiny as well, but some code from another support contact fixed the issue.

    The search button also looks really different with a bevel/emboss appearance instead of a flat outline button.

    How can I fix these problems? Thanks!

    October 4, 2019 at 6:52 pm #511653

    Guust
    Moderator
    Post count: 29970

    Can you please send us the URL of that page, then we can have a look for you.
    You can do that in a private reply if you like.
    Thanks

    October 7, 2019 at 1:37 pm #511943

    alchemi design
    Expired Member
    Post count: 46

    Hi there,

    Sorry! Thought I had included it. Here is a link where the issue can be seen: http://destinationsouthernmaryland.alchemidesign.com/explore-legends/

    October 7, 2019 at 6:21 pm #512015

    Kor
    Moderator
    Post count: 16516

    Hi Alchemi,

    Thanks for your reply. Try using the custom CSS code below and see if it helps?

    .geodir-categories-container ul li a .gd-cptcat-icon img {
    height: auto!important;
}
    October 7, 2019 at 6:31 pm #512020

    alchemi design
    Expired Member
    Post count: 46

    Thanks, that worked for the icon problem!

    Do you know if the appearance of the Search button is at all fixable? I’d like for it to be a flat-looking button like in the first screenshot instead of a beveled button in the second screenshot.

    October 9, 2019 at 7:17 am #512262

    Kor
    Moderator
    Post count: 16516

    Hi there,

    This is a browser related though. Try this. 

    button.geodir_submit_search {-webkit-appearance:button-bevel;}
    October 9, 2019 at 3:40 pm #512321

    alchemi design
    Expired Member
    Post count: 46

    Thank you, that worked!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket