Forum Replies Created

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • in reply to: HELP PLEASE: Enfold Blog Posts pagination issue #1234919

    Hi Ismael,

    Thanks so much, and I hope I’m understanding your response.

    Are you saying the expected behavior of pagination in both the Enfold “Blog Posts” and “Magazine” elements is to jump to the top of the page, rather than staying put within their section(s)? And because of this, you’re advising not to use these built in features of Enfold, is this correct? It appears from other comments the “Portfolio” element also has this problem. What Enfold element(s) should I use instead to display blog posts and excerpts of posts with pagination? Please advise.

    Secondly, the recommended “workaround” is that I should either place these elements inside of a section(s), or add anchors inside the current pages — both of which, I have. The pages I linked to in my original inquiry were built this way. The Latest News section on the About Us page has the “Magazine” element inside of a color section anchored “latest-news”. The Ethics section on the Our Work page “Blog Posts” element is anchored “ethics”.

    I reviewed the thread in the link you provided, however I’m unsure where to add the code and whether it would fix the pagination issue globally. It appears the code directs the elements pagination to an anchor called “#home-blog” which doesn’t exist on my site, so I am unsure if it will work. Could you please let me know?

    Thank you.

    Hi Mike. Thank you so much for the reply. Ironically, yes! I ran across the !important solution in another thread and tried it and it worked. BTW – LOVE the Enfold theme. Best of the best.

    For others out there that might be running into similar conflicts with Mapbox and Enfold CSS, I had two issues to solve:

    1. The size of the container for the search bar (Geocoder) was taller than the input field. That was solved by this code in Quick CSS:
    .mapboxgl-ctrl-geocoder input[type=’text’] {
    height: 40px !important;
    }

    2. The placeholder text in the search bar that reads “Search” was being forced so far to the left the “magnifying glass” was covering it up. That was solved by this code – also added to the theme Quick CSS:

    .mapboxgl-ctrl-geocoder input[type=’text’] {
    font-size: 12px;
    width: 100%;
    border: 0;
    background-color: transparent;
    height: 40px;
    margin: 0;
    color: rgba(0, 0, 0, .5);
    padding: 10px 10px 10px 30px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    }

    Thanks again!

    Trey

Viewing 2 posts - 1 through 2 (of 2 total)