• I’m getting some of my blog post categories showing as rounded zoomable thumbnails and others as rectangular images….is there an easy fix to just have them all normal square/rectangular thumbnails?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Strange. Link to site?

    Thread Starter thedaigle

    (@thedaigle)

    Apologies sir.

    http://Www.danakelly.com

    Thanks so much.

    Can only see rectangular in bloghttp://danakelly.com/category/portfolio/blogs/ in Firefox.

    The recommended image size is 270×250, so you could try adjusting the images to that standard size. The zoom effect is designed around this dimension.

    Thread Starter thedaigle

    (@thedaigle)

    Thanks for the speedy response.

    Yes I could do that, but I actually just want them all rectangular. Is there an easy fix to remove it? I could comment it out in the css…?

    Try to add this to your custom css

    .round-div {
     border-color: transparent;
    }

    Thread Starter thedaigle

    (@thedaigle)

    Thanks for the responses, guys.

    @tomaja , that worked perfectly, thank you.

    But I have a SINGLE thumbnail that when ‘inspect’ed in Chrome it has an applied style of class=”no-effect”…any idea how this ONE got this way?

    I am trying to now add thin black borders to all of the thumbnails but isn’t showing too well for all images.

    I’d be happy to start a new thread if necessary.

    I haven’t actually looked in the code to check if what I’m about to say is true, but I strongly believe it is:

    If the post’s image is set as featured image it will always have the rounded corners. The “no-effect” appears when no featured image is set and the post image is “grabbed” from the post.

    Hi, I tried this and it worked when I view my page (www.popfix.net/wp) on a normal monitor, however the circles reappear whenever I view the site on a mobile device. I assume I have to use @media query.

    Can someone please provide the code to remove the circles from images on mobile devices?

    Thank you in advance!!

    Update: I’ve tried using this bit of code in a child theme, to no avail:

    @media all and (max-width: 480px)
    {.round-div {border-color: transparent;}
    }

    For some reason at widths of 980+ the images do not have the circle, but anything less than that the circles appear. Is there a default somewhere I’m missing?

    @bstrong95: This will fix it:

    @media (max-width: 767px) {
    	.span9.article-container .round-div,
    	.span6.article-container .round-div {
    		border-color: transparent;
    		}
    	}

    @nikeo: I believe specifying border-color in media queries could and should be avoided.

    That worked!

    Thank you so much Acub!!

    I had the same problem, thanks Acub!

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘86 the round images!’ is closed to new replies.