• Resolved TheArtfulDodger

    (@theartfuldodger)


    When navigating to this page, there are 3 medals for 3 different courses.

    When clicking on each link at the bottom (Gold / Silver/ Bronze), the image on the course page is enlarged and blurred. (they are the original featured images).

    I have tried to reduce the size so they are the same as their original images (279X 200px), but I cannot seem to fix it.
    (Tried on Chrome, Firefox, and Opera. All the same result).

    Has anyone encountered this?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    You have some custom CSS causing this:

    .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
        max-width: 100%;
        height: auto;
        width: 50%;
        margin-left: 24%;
        margin-right: auto;
    }

    If you need that CSS, you can overwrite it like this:

    .page-header-image-single img {
        width: auto;
        margin-left: auto;
        display: block;
    }

    Hope this helps ??

    Thread Starter TheArtfulDodger

    (@theartfuldodger)

    Perfect. Thanks.

    Theme Author Tom

    (@edge22)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Large featured images’ is closed to new replies.