rdvinfotech

Hi @elurie

Thanks for reaching out!

The plugin itself does not add any CSS to the category image on the frontend. The image dimensions and responsiveness are determined by the theme’s CSS.

To make the category image responsive and centered within its container, please add the following code to Appearance > Editor > Styles > Additional CSS (for Block themes like Twenty Twenty-Five) or the Child Theme’s style.css file:

.my-category-image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

This should ensure the image scales correctly. Please follow up if you have further questions!

Hi @vartdomen

Glad this was resolved by adjusting the Bricks template conditions! Thank you for the update.

Hi @japonsm

You can use this function rdv_category_image_url() to detect the image or image URL. Please check these two examples.

<?php if( function_exists('rdv_category_image_url') && !empty(rdv_category_image_url()) ){
    echo 'Patrocinat per <img src="'.rdv_category_image_url().'">';
} ?>

<?php if( function_exists('rdv_category_image') && !empty(rdv_category_image_url()) ){
    echo 'Patrocinat per ';
    rdv_category_image();
} ?>

Hi @gmcoffi

Thanks for reaching out.

1) Where exactly and what file + line number do I need to insert your codes?
==> There are three options to use the code.
1 – Template tag – image url
2 – Template tag – image
3 – Shortcode

For options 1 and 2, you will need to create a category.php template file in your child theme and insert the code.

For option 3, if you are using any page builder like Divi and Elementor then you can use a shortcode in the page builder’s category template.

2) If I use the code snippet plugin to insert your codes is there anything else specifically I need to do?
==> Can you please tell me more about the result you want to achieve?