Child-theme – change default post images

[dekkydog]

Hi there,
I am using the dante child theme – all works sweet. Just wondering how to change:

1) The “default-thumb.png” used when displaying posts (in a standard page using the swift page builder recent post module) IE: with no featured image.
2) The associated “animated-overlay” image – used when hovering over the “default-thumb.png” OR Featured image.

I need to do this in my child theme. I’ve tried mimicking the directory structure inside my child theme IE: /themes/child-theme/includes/plugins/aq_resizer-2x.php (where the “default-thumb.png” is referenced). but this does not work?

Any help in being able to change these images in my child theme would be appreciated 🙂

I look forward to your response.

Cheers

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

You will need to upload custom image to your child theme, then add this to your custom css:

.recent-posts-list li .recent-post-image {
  background: url(yourimage);
}

What do you want to change about the overlay? This is CSS not an image

– Kyle

[dekkydog]

Thanks for that.

RE: Overlay
Can you tell where the classes to style this overlay element are.

Cheers

[Kyle – SUPPORT]

You would need to override the custom css in the child theme, it depends what you want to change about the overlay. The main css is:

figure.animated-overlay figcaption {
    backface-visibility: hidden;
    background-image: url("/wp-content/themes/dante/images/crease.svg");
    background-position: center center;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}

– Kyle

[dekkydog]

Thanks 🙂

BTW…

.recent-posts-list li .recent-post-image {
  background: url(yourimage);
}

…does not overide the ‘default-thumb.png’. !important rule alongside also has no effect?

Are you sure your class is right? I have certainly struggled to get this image replaced using JUST child theme methods?

Cheers

[Kyle – SUPPORT]

Have you changed ‘yourimage’ to the path of your image?

– Kyle

[dekkydog]

of course!

[dekkydog]

I am using the “Aside” post type NOT “Standard” – if that makes any difference?

[Kyle – SUPPORT]

Please could I see your link to check this?

– Kyle

[dekkydog]

The site is currently being developed in my ‘http://localhost’ so I can’t show you right now.

The ‘default-thumb.png’ image is only referenced in the Dante templates “/includes/plugins/aq_resizer-1x.php” and “/includes/plugins/aq_resizer-2x.php”

Are you sure this can be overidden using just CSS via child-theme?

Cheers

[Kyle – SUPPORT]

Please screenshot what you are referring to, the css is different for different elements. Are you referring to the image on a single post page?

– Kyle

[dekkydog]

Find attached a screenshot of the homepage. You can see the ‘default-thumb.png’ showing in the 2nd news item along (When NO featured image has been chosen by a user creating a post).

Cheers

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Ahhh, yes unfortunately that is not changeable in the child theme

– Kyle

[dekkydog]

np 🙂

[Kyle – SUPPORT]

Ok 🙂