Problem with template Argent in the archive page

  • Unknown's avatar
    aleba15al · Member ·

    Hi, I‘m using the template Argent, and there is a bug in my Archive page. When I shrink the page, the rectangles showing the projects sticks to themselves, but only the ones after the tenth projects. I found, when I inspect the element, that there is a line (a <span> actualy with inside) of code, that causes the problem. This line should be after all the projects, but it‘s in the middle. Could you fix this problem ? Or Is there a way I could do it myself ?

    Thank you.

    And here is the line : </span>

    Here is the link to the page : https://anabelleblanc.wordpress.com/portfolio/

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    aleba15al · Member ·

    Second attempt to send the code (I added dots so It doesn t read as code):

    <…span class=”infinite-loader” style=”display: none;”>

    <…div class=”spinner” style=”position: relative; width: 0px; z-index: xxx-xxx-xxxx000; left: 17px; top: 0px;” role=”progressbar”>

    <…div style=”position: absolute; top: -1px; opacity: 0.25; animation: 0.769231s linear 0s infinite normal none running opacity-60-25-0-8;”>

    <…div style=”position: absolute; top: -1px; opacity: 0.25; animation: 0.769231s linear 0s infinite normal none running opacity-60-25-3-8;”>

    <…div style=”position: absolute; width: 7px; height: 3px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center 0px; transform: rotate(135deg) translate(5px, 0px); border-radius: 1px;”>

    <…/div><…/div>

    <…div style=”position: absolute; top: -1px; opacity: 0.25; animation: 0.769231s linear 0s infinite normal none running opacity-60-25-4-8;”>

    <…div style=”position: absolute; width: 7px; height: 3px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center 0px; transform: rotate(180deg) translate(5px, 0px); border-radius: 1px;”>

    <…/div></div>

    <…div style=”position: absolute; top: -1px; opacity: 0.25; animation: 0.769231s linear 0s infinite normal none running opacity-60-25-5-8;”>

    <…div style=”position: absolute; width: 7px; height: 3px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center 0px; transform: rotate(225deg) translate(5px, 0px); border-radius: 1px;”>

    <…/div></div>

    <…div style=”position: absolute; top: -1px; opacity: 0.25; animation: 0.769231s linear 0s infinite normal none running opacity-60-25-6-8;”>

    <…div style=”position: absolute; width: 7px; height: 3px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center 0px; transform: rotate(270deg) translate(5px, 0px); border-radius: 1px;”>

    <…/div></div>

    <…div style=”position: absolute; top: -1px; opacity: 0.25; animation: 0.769231s linear 0s infinite normal none running opacity-60-25-7-8;”>

    <…div style=”position: absolute; width: 7px; height: 3px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; transform-origin: left center 0px; transform: rotate(315deg) translate(5px, 0px); border-radius: 1px;”>

    <…/div></div></div>

    <…/span>

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, when I view your portfolio page, on all screen sizes, it appears and works the same as what I see on the Argent demo site, and I’m seeing all 17 of the portfolio projects you have published. Is this sorted out now? I’m not seeing that code arrangement within your html right now, and don’t see it in the demo site either (although the demo site has widgets in the footer, which deactivate infinite scroll and puts the Older Projects button at the bottom).

  • Unknown's avatar
    aleba15al · Member ·

    Hi,

    First, thanks for your answer !

    Second, no, the problem is still there. I looked at my site on a Mac and on a Pc, and also on chrome, safari and Firefox, and the problem is still there…

    This is what I see (it’s a screen shot ) : https://anabelleblanc.wordpress.com/portfolio/test/

  • staff-zinnia · Staff ·

    Hi – Thanks for sharing that example. What size did you shrink that window down to for that result?

  • Unknown's avatar
    aleba15al · Member ·

    Hi, my screen as a resolution of 1280×960. When the screen is shrink below 1076, the boxes sticks together.

  • supernovia · Staff ·

    Thanks, @aleba15al. The screenshot helps, I’m able to see the bug and its cause. We’ll file this with our theme developers.

  • Unknown's avatar
    aleba15al · Member ·

    Thank you !

  • laurelfulford · Staff ·

    Thanks for reporting this issue, @aleba15al!

    Your theme has been updated so this issue should no longer appear. If you have any questions at all about this, just let us know!

  • The topic ‘Problem with template Argent in the archive page’ is closed to new replies.