Using circles to display images of featured articles on Home page

Hi,

On the demo landing page you have 6 circles, eg. Joomla! EU Conference, linking to featured blog articles.

When I try to set this up on other pages I do not get the images in circles.

How do I format the featured blog articles to appear on a different page just as they appear on the landing page?

Thanks,
Julia.

PS My site is at historicwinton.org/hw-joomla .

Additional info: I have the featured article images set up on the Home page as in the demo, and also on the Competitors page. I would like them to display on the Competitors page the way they do on the Home page.
Thanks,
Julia.

Hello,

You should target the image in CSS and add border radius of 50% to it. There's no uniform rule to achieve this. In an example, to make the images on this page historicwinton.org/hw-joomla/index.php/competitors rounded, you should add this in CSS:

This will make all the images inside the "blog-featured" container rounded. An image will be in a circular shape if its width and height are equal.

Thanks,
Milos

Hi Milos,

Thanks for trying to explain this to me. I don't actually know how to target the image. I see <div class="pull-none item-image"> is used on the Competitors page ( historicwinton.org/hw-joomla/index.php/competitors ). Do I need to employ code from this to target the image?

Thanks,
Julia.

Hello,

You can try with:

Best regards,
Milos

Hi Milos,

No luck, this doesn't work. Never mind - I don't think this is important enough to worry about.

Thanks anyway,
Julia.