Image Size

Hi, you would need to customize the image sizes as explained here https://wpadverts.com/documentation/custom-image-sizes/ as the ones WPAdverts is using by default are too small for your theme, this will require some basic PHP and CSS knowledge.

Hi Greg,

Thanks for this. I followed these instruction, but I’m struggling to get the correct image dimension. Do you know what would be correct for Zerif Lite Theme?

Here’s a number of other things I could do with some direction on:
1) Changing the colour of the red price tag and category logos to a different colour.
2) When multiple categories are displayed on the Ad pages, have them displayed 3 in a row wide, rather than stacked.
4) Remove: ‘This entry was posted in… Bookmark the permalink.’ in Ad pages.
Thanks.

Hi,
i am not sure, but if you email me a link to your page with [adverts_list] i should be able to tell what the dimensions should be.

1. you would need to go to wp-admin / Appearance / Customize / Additional CSS panel and add there the code below

body .advert-price {
    color: pink;
    border-color: pink;
}
body .advert-price:hover {
    background-color: pink;
}
body .adverts-price-box {
    background-color: pink;
}
body .adverts-widget-recent .advert-widget-recent-price {
    color: pink;
}

This should change the price color in all the places.

2. to do that you would need to edit the wpadverts/templates/single.php file.

3. this can be hidden using CSS as well, but i would need your website URL to tell what code snippet will hide it.

Hi Greg,

Image dimensions) page with [adverts_list] is https://www.thisdadcan.co.uk/local/ and individual ad pages (example link below).

1) Colors worked, however, body .advert-price:hover {background-color: pink; doesn’t seem to change anything? I would also like to change the colour of the category logos.

2) Can you provide the relevant code snippet for single.php file?

3) https://www.thisdadcan.co.uk/advert/example-featured-ad/

4) Google Auto Complete and Radius search is not working on Maps Ad-on. I’ve followed WPAdverts documentation to the book. With the exception I can’t locate wp-admin> Tools> MAL Sync has this been removed?

Thanks.

Hi Greg,

Sorry about this.

4) I now have Google Auto Complete and Radius search working on Maps Ad-on for new ads. However, I can’t locate wp-admin> Tools> MAL Sync has this been removed?

1. try

body .advert-item:hover .advert-price {
    background-color: pink;
}
body .adverts-flexbox-icon {
    color: pink;
}

2. change the code

<?php foreach($advert_category as $c): ?> 
<a href="<?php echo esc_attr( get_term_link( $c ) ) ?>"><?php echo join( " / ", advert_category_path( $c ) ) ?></a><br/>
<?php endforeach; ?>

to

<ul>
<?php foreach($advert_category as $c): ?> 
<li><a href="<?php echo esc_attr( get_term_link( $c ) ) ?>"><?php echo join( " / ", advert_category_path( $c ) ) ?></a></li>
<?php endforeach; ?>
</ul>

and apply some CSS code that will make each <li> take 33% width.

3. i cannot see text “This entry was posted” on the page you linked to??

4. MAL Sync is a separate plugin, but if you are using latest MAL version you should not need to use it.

Hi Greg,

Thanks for this. Did you manage to work out the image dimensions? Here’s the page with [adverts_list] https://www.thisdadcan.co.uk/local/ and individual ad pages https://www.thisdadcan.co.uk/advert/example-featured-ad/.

I’m keen to provide the correct guidance to my users.

2) I’m not sure how to write the CSS code that will make each

• take 33% width.

  Thanks.

1. The image on Ads list should be 355×190 on the Ad details pages 1115×350.

2. change the <ul> to <ul style="column-count: 3; list-style-type: none;">.