Post Carousel Featured Image Issues

  • Resolved andrewsllvn

    (@andrewsllvn)


    3 years, 2 months ago

    Hi there.

    Right now I’m having some issues with the Post Carousel block.

    1) I am unable to force the featured image for my products to be centered in the div they are in. I was able to see that i could modify the div with margin-left: auto; margin-right:auto; using chromes code inspector to achieve the desired results. However, there is no where to put this code in the backend and no options to generate that style for me.

    2) The height I put in is being ignored when the site renders the block. I have it set in the block editor to be 330px by 330px yet it shows as 330px by 200px.

    3) The image that is being shown is downsized to a forced 200×200 resolution and then blown up to fit the 330px.

    The first problem is the most pressing for me, the other two I can deal with for now but would like to find solutions/see fixes for in the near future.

    Thanks for any and all help!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter andrewsllvn

    (@andrewsllvn)

    Should have mentioned, the section of the home page I’m having these issues with is the New Arrivals section.

    Thread Starter andrewsllvn

    (@andrewsllvn)

    Found a solution to issue #1! I used this line of code in the custom CSS.

    .atbs-post-grid-thumbnail {
	display: flex;
	width: 100%;
	justify-content: center;
}

    Still looking for solutions to #2 and 3

    Plugin Author Shafaet Alam

    (@shafayat-alam)

    Hi,
    I am glad you managed to solve the most pressing issue. I am currently looking into the other issues you mentioned.
    I’ll include the fixes in the next update.
    Thank you for your helpful and to-the-point bug report.

    Thread Starter andrewsllvn

    (@andrewsllvn)

    Hi there!

    Thanks so much for addressing the issues I posted about. However, I’m still running into the same two issues on my home page. Again, the url is krulos.com.

    Thanks,
    Andrew

    Plugin Author Shafaet Alam

    (@shafayat-alam)

    I think that’s because you may have defined the thumbnail size (200px-200px) in the block options.
    I looked at the css in your website and I got this:

    #atbs-post-grid-22da31b6 .atbs-post-thumb {
    border: 0px;
    border-color: transparent;
    border-radius: 0px;
    border-style: solid;
    background-position: center center;
    height: 200px;
    width: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}

    These CSS options come from block options.
    Try adjusting the size (under Layout section) then let me know if it’s still not fixed.
    Thanks

    • This reply was modified 3 years, 2 months ago by Shafaet Alam.
    Thread Starter andrewsllvn

    (@andrewsllvn)

    It worked! For some reason my originally specified 330px didnt stick but when i changed it to 340px it stuck. thanks for the help!

    Plugin Author Shafaet Alam

    (@shafayat-alam)

    I am glad I could help. If it’s not much trouble a 5* review will mean a lot.
    Have a nice day.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Post Carousel Featured Image Issues’ is closed to new replies.