Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Child-theme – change default post images
New Landing › How can we help? › Themeforest Theme Support › Dante › Child-theme – change default post images
- This topic has 14 replies, 2 voices, and was last updated 10 years by Kyle – SUPPORT.
-
Posted in: Dante
-
July 13, 2014 at 1:42 pm #90592
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.July 14, 2014 at 2:14 pm #90902Hi
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
July 14, 2014 at 2:53 pm #90930Thanks for that.
RE: Overlay
Can you tell where the classes to style this overlay element are.Cheers
July 14, 2014 at 2:57 pm #90932You 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
July 14, 2014 at 3:03 pm #90937Thanks ๐
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
July 14, 2014 at 3:20 pm #90950Have you changed ‘yourimage’ to the path of your image?
– Kyle
July 14, 2014 at 3:21 pm #90951of course!
July 14, 2014 at 3:23 pm #90953I am using the “Aside” post type NOT “Standard” – if that makes any difference?
July 14, 2014 at 3:27 pm #90955Please could I see your link to check this?
– Kyle
July 14, 2014 at 3:33 pm #90958The 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
July 14, 2014 at 3:37 pm #90961Please 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
July 14, 2014 at 4:49 pm #90980Find 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.July 15, 2014 at 8:04 am #91107Ahhh, yes unfortunately that is not changeable in the child theme
– Kyle
July 15, 2014 at 8:21 am #91112np ๐
July 15, 2014 at 8:39 am #91118Ok ๐
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.