Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 4, 2020 at 5:10 am #1227860
    grizzlymedia

    Before I get crucified for using Enfold I just want to say… yes I knew that is was not supported theme from the get-go. lol

    I installed the ihomefinder optima express plugin still (mostly) works with the exception of a few small hiccups. Any help would be appreciated.

    two-issue I’m running into:
    • The pagination navigation shows up as weird bubbles (picture attached)

    pagination
    pagination2

    • On one of the mobile contact forms, I’m running into a small bleed issue. (picture attached)
    contactform

    I started tweaking around with this code(in quick CSS):
    .pagination a,span {
    width: initial !important;
    border-radius: initial !important;
    margin-right: initial !important;
    height: initial !important;
    box-shadow: initial !important;
    }

    It fixed pagination issue but it also messed with the main menu header, (the top logo was huge and bleeding over the bar, and on mobile, the hamburger menu was gone)

    No idea about the 2nd issue.

    Thank you in advance!

    July 5, 2020 at 7:22 am #1228008
    Rikard

    Hey grizzlymedia,

    Could you post links to where we can see the actual elements please?

    Best regards,
    Rikard

    July 7, 2020 at 4:36 am #1228468
    grizzlymedia

    Hey Rikard, sorry I should have added them, my bad

    so the pagination left-right button is seen on all pages that have gallery listings
    example: https://bluejayrealty.net/murrieta-300k-450k/

    and the contact form bleed is on all property listing pages(on mobile)
    example: https://bluejayrealty.net/homes-for-sale-details/25985-MONACO-WAY-MURRIETA-CA-92563/SW20026695/306/

    Thank you!

    • This reply was modified 5 years, 9 months ago by grizzlymedia.
    July 8, 2020 at 5:49 am #1228758
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#ihf-main-container .pagination>li:first-child>a {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
}

#ihf-main-container .pagination>li:last-child>a {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
}
#ihf-main-container .well {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
}

    Best regards,
    Rikard

    July 8, 2020 at 9:24 pm #1228997
    grizzlymedia
    This reply has been marked as private.
    July 10, 2020 at 1:46 am #1229257
    grizzlymedia
    This reply has been marked as private.
    July 10, 2020 at 5:30 am #1229306
    Rikard

    Hi,

    Thanks for the update. Let’s try to get one thing finished at a time. Please try this to get the pagination working as you want:

    #ihf-main-container .pagination a {
    border-radius: 0 !important;
    height: 32px !important;
    width: 60px !important;
}

    We can look at the form once the pagination is fixed.

    Best regards,
    Rikard

    July 10, 2020 at 6:19 am #1229317
    grizzlymedia
    This reply has been marked as private.
    July 11, 2020 at 5:08 am #1229535
    Rikard

    Hi,

    Thanks for the screenshot. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
#ihf-main-container .col-xs-6 {
    width: 100%;
}
}

    Best regards,
    Rikard

    July 12, 2020 at 10:55 pm #1229805
    grizzlymedia
    This reply has been marked as private.
    July 14, 2020 at 8:14 am #1230200
    Rikard

    Hi,

    Great, I’m glad that we could help. Let us know if you should need any further help with the form for example.

    Best regards,
    Rikard

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