Condensed picture issue

  • triciavictoria

    (@triciavictoria)


    10 years, 10 months ago

    Hey everyone,
    I updated my blog to the recent release of the new “spun” model and it has condensed my “circle” images so its really distorted them. Does anyone know how to fix this? Or am I really stuck cropping and reloading all of the images to squares…
    Thanks in advance!
    Tricia

    (My blog is: http://www.triciavictoriaphotoblog.com/ – so you can see what I’m talking about)

Viewing 1 replies (of 1 total)
  • Craig Ralston

    (@craig-ralston)

    10 years, 10 months ago

    It looks like they are circles in the theme demo – Did you add custom CSS at some point to make them square? It is CSS border-radius property that is forcing them into circles, you shouldn’t need to upload the images again.

    You should create a child theme when customizing theme files so that when you update the parent theme, it does not overwrite your changes. The following CSS is what is creating the circle effect. When overwriting them in your child theme (or wherever you add your custom CSS) just set the border-radius to 0 to turn them back into squares.

    .blog .hentry a .attachment-home-post, .archive .hentry a .attachment-home-post, .search .hentry a .attachment-home-post {
    border-radius: 180px;
}

.blog .hentry a:hover img, .archive .hentry a:hover img, .search .hentry a:hover img, .blog .hentry a:focus img, .archive .hentry a:focus img, .search .hentry a:focus img {
    border-radius: 180px;
}
Viewing 1 replies (of 1 total)

The topic ‘Condensed picture issue’ is closed to new replies.