Icon instead of “Published the”, custom grid or list view, border under image

  • Hi,

    I hope you feel great today.

    Please, can you help me with several points ? I’d to know

    – how to replace the words “Published the” with the hour icon,

    – how to custom grid view differently from list view (for exemple, iadded radius for grid view but it doescn’t look very nice for list view)

    – how to ad a border under the image ?

    Thanks for all and have a very good evening ??

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Greg Winiarski

    (@gwin)

    Hi,
    1. do you want to do that on the page with the Ad details? If so then you can use a plugin like Say What? to replace the phrase Published: %1$s (%2$s ago) with <span class="adverts-icon-clock"></span> %1$s (%2$s ago)

    2. 

    
advert-item advert-item-col-1 {
  /* this CSS will be applied to list view only */
}
advert-item advert-item-col-2,
advert-item advert-item-col-3,
advert-item advert-item-col-4 {
  /* this CSS will be applied to grid view only */
}

    3. image where exactly?

    Thread Starter sandrineledc1106

    (@sandrineledc1106)

    Hi Greg,

    Yes i mean in the advert grid ou list. It can be cgange only with css ?

    Thank you.

    Plugin Author Greg Winiarski

    (@gwin)

    Hi,
    you can show a border under an image in the grid view with the below CSS code

    
.adverts-list .advert-item-col-2 img.advert-item-grow,
.adverts-list .advert-item-col-3 img.advert-item-grow,
.adverts-list .advert-item-col-4 img.advert-item-grow {
    border-bottom: 2px solid red;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Icon instead of “Published the”, custom grid or list view, border under image’ is closed to new replies.