# Bologna Living: An Insider's Guide to Bologna, Italy

**URL:** <https://community.wpbeaverbuilder.com/t/bologna-living-an-insiders-guide-to-bologna-italy/8615>\
**Category:** Showcase\
**Created:** [May 15, 2019, 6:56am UTC](https://community.wpbeaverbuilder.com/t/bologna-living-an-insiders-guide-to-bologna-italy/8615 "2019-05-15T06:56:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![michaeltieso](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/michaeltieso/32/1000_2.png) [@michaeltieso](https://community.wpbeaverbuilder.com/u/michaeltieso)\
**Post date:** [May 15, 2019, 6:56am UTC](https://community.wpbeaverbuilder.com/t/bologna-living-an-insiders-guide-to-bologna-italy/8615/1 "2019-05-15T06:56:29Z")

</div>

Here’s another one of my sites, [Bologna Living](https://bolognaliving.com). I live here and thought it’d be fun to write an English language guide to the city for travelers and expats. I’m using Astra, Beaver Themer, UABB, PowerPack, WooCommerce, and GeoDirectory for the events and places directory.

---

<div class="post-metadata">

**Author:** ![KartHost](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/karthost/32/1074_2.png) [@KartHost](https://community.wpbeaverbuilder.com/u/KartHost)\
**Post date:** [May 15, 2019, 2:20pm UTC](https://community.wpbeaverbuilder.com/t/bologna-living-an-insiders-guide-to-bologna-italy/8615/2 "2019-05-15T14:20:00Z")

</div>

Michael, I like, nice job!

---

<div class="post-metadata">

**Author:** ![Wildwood](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/w/db5fbb/32.png) [@Wildwood](https://community.wpbeaverbuilder.com/u/Wildwood)\
**Post date:** [May 17, 2019, 6:38am UTC](https://community.wpbeaverbuilder.com/t/bologna-living-an-insiders-guide-to-bologna-italy/8615/3 "2019-05-17T06:38:42Z")

</div>

HI Michael, love the website that you have built, Can you please tell me how you have made the latest articles appear like this? I think it looks great. Also, when you hover over an image it zooms in, how do you achieve this?

Thanks

Will

---

<div class="post-metadata">

**Author:** ![Danny](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/danny/32/3451_2.png) [@Danny](https://community.wpbeaverbuilder.com/u/Danny)\
**Post date:** [May 17, 2019, 4:35pm UTC](https://community.wpbeaverbuilder.com/t/bologna-living-an-insiders-guide-to-bologna-italy/8615/4 "2019-05-17T16:35:07Z")

</div>

Hi Will,

It looks like the zoom effect is part of the module being used. However, you can achieve a similar effect with some custom CSS. We have an article on our knowledge base which shows how to do this for the Photo module. This CSS can be used on any image, but will require amendments to the CSS. 🙂

[https://kb.wpbeaverbuilder.com/article/608-add-hover-effects-to-the-photo-module](https://kb.wpbeaverbuilder.com/article/608-add-hover-effects-to-the-photo-module)

---

<div class="post-metadata">

**Author:** ![michaeltieso](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/michaeltieso/32/1000_2.png) [@michaeltieso](https://community.wpbeaverbuilder.com/u/michaeltieso)\
**Post date:** [May 18, 2019, 9:30am UTC](https://community.wpbeaverbuilder.com/t/bologna-living-an-insiders-guide-to-bologna-italy/8615/5 "2019-05-18T09:30:50Z")

</div>

I’m using the [PowerPack](https://wpbeaveraddons.com/) Content Tiles module.

---

<div class="post-metadata">

**Author:** ![Jonny\_Design](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/j/919ad9/32.png) [@Jonny\_Design](https://community.wpbeaverbuilder.com/u/Jonny_Design)\
**Post date:** [June 10, 2023, 7:33am UTC](https://community.wpbeaverbuilder.com/t/bologna-living-an-insiders-guide-to-bologna-italy/8615/6 "2023-06-10T07:33:09Z")

</div>

Good to know,  
thanks, i think the Link is not woking.

> **[Add hover effects to the Photo module | Beaver Builder Knowledge Base](https://docs.wpbeaverbuilder.com/beaver-builder/layouts/modules/photo/add-hover-effects-to-the-photo-module/)**
>
> Here's how to add cool hover effects to Photo module images.
