<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Webpage Custom Modules- Picture pops out in CMS Development</title>
    <link>https://community.hubspot.com/t5/CMS-Development/Webpage-Custom-Modules-Picture-pops-out/m-p/421794#M21960</link>
    <description>&lt;P&gt;Hi Kevin,&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thank you I will have a go at the tutorial.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Colm&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Wed, 24 Mar 2021 18:23:10 GMT</pubDate>
    <dc:creator>ColmK1997</dc:creator>
    <dc:date>2021-03-24T18:23:10Z</dc:date>
    <item>
      <title>Webpage Custom Modules- Picture pops out</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Webpage-Custom-Modules-Picture-pops-out/m-p/421366#M21939</link>
      <description>&lt;P&gt;Hi everyone,&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I am currently worling on drafting togtether a new landing page:&amp;nbsp;&lt;A href="https://www.privacyengine.io/data-protection-academy-0?hs_preview=tbVXwzri-43579617954" target="_blank"&gt;https://www.privacyengine.io/data-protection-academy-0?hs_preview=tbVXwzri-43579617954&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;As you can see the 6 sections (Free Webinars, Webinar Archive etc) are very bland looking.&amp;nbsp;&lt;/P&gt;&lt;P&gt;I would like to be able to make each of the modules appear with a picture in the background and when hovering over the picture zooms in slightly and a CTA to "learn more" appears.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;The image that I'd like to use for the Free Webinars is this one:&amp;nbsp;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Copy of Untitled (26).png" style="width: 999px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/39830iEAA8DD155A90F26A/image-size/large?v=v2&amp;amp;px=999" role="button" title="Copy of Untitled (26).png" alt="Copy of Untitled (26).png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Can someone please help me in showing how i can do this?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thanks,&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Colm.&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 23 Mar 2021 18:55:56 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Webpage-Custom-Modules-Picture-pops-out/m-p/421366#M21939</guid>
      <dc:creator>ColmK1997</dc:creator>
      <dc:date>2021-03-23T18:55:56Z</dc:date>
    </item>
    <item>
      <title>Re: Webpage Custom Modules- Picture pops out</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Webpage-Custom-Modules-Picture-pops-out/m-p/421729#M21956</link>
      <description>&lt;P&gt;Hey &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/126716"&gt;@ColmK1997&lt;/a&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;You can totally do this!&lt;/P&gt;
&lt;P&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/73772"&gt;@Kevin-C&lt;/a&gt; , &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/103660"&gt;@piersg&lt;/a&gt; can probably give you some advice&lt;/P&gt;</description>
      <pubDate>Wed, 24 Mar 2021 16:46:35 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Webpage-Custom-Modules-Picture-pops-out/m-p/421729#M21956</guid>
      <dc:creator>dennisedson</dc:creator>
      <dc:date>2021-03-24T16:46:35Z</dc:date>
    </item>
    <item>
      <title>Re: Webpage Custom Modules- Picture pops out</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Webpage-Custom-Modules-Picture-pops-out/m-p/421735#M21958</link>
      <description>&lt;P&gt;Thanks &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/13982"&gt;@dennisedson&lt;/a&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Hey &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/126716"&gt;@ColmK1997&lt;/a&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I would create a custom module and follow &lt;A href="https://w3bits.com/css-image-hover-zoom/" target="_blank" rel="noopener"&gt;this tutorial&lt;/A&gt;!&lt;/P&gt;</description>
      <pubDate>Wed, 24 Mar 2021 16:51:08 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Webpage-Custom-Modules-Picture-pops-out/m-p/421735#M21958</guid>
      <dc:creator>Kevin-C</dc:creator>
      <dc:date>2021-03-24T16:51:08Z</dc:date>
    </item>
    <item>
      <title>Re: Webpage Custom Modules- Picture pops out</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Webpage-Custom-Modules-Picture-pops-out/m-p/421794#M21960</link>
      <description>&lt;P&gt;Hi Kevin,&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thank you I will have a go at the tutorial.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Colm&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 24 Mar 2021 18:23:10 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Webpage-Custom-Modules-Picture-pops-out/m-p/421794#M21960</guid>
      <dc:creator>ColmK1997</dc:creator>
      <dc:date>2021-03-24T18:23:10Z</dc:date>
    </item>
  </channel>
</rss>

