Bed and Breakfast Demo - Links for images in "eat" section?

Support
#1

Hello,

In the bed and breakfast demo, under the “Eat” section, there are images in the section “Explore nearby restaurants” that are edited in the text area which I have done. When you hoover over them they kinda pop out which naturally makes me want to click on it. Is there a way to make these links to the different restaurant websites?

#2

HI Christine,

Thank you for reaching out to us. When you edit this section in the Text element, you’ll see the hyperlinks with # hrefs, simply replace the #'s with the different links e.g:

<a href="#">
    <span class="bg"><img src="image.jpg" style="height: 100%;width: auto !important"></span>
    <div>
      <span>Hampton &amp; Croft</span>
      <small>Steakhouse and Cocktails</small>
    </div>
  </a>

With:

<a href="http://google.com/">
    <span class="bg"><img src="image.jpg" style="height: 100%;width: auto !important"></span>
    <div>
      <span>Hampton &amp; Croft</span>
      <small>Steakhouse and Cocktails</small>
    </div>
  </a>

Hope this helps!

#3

thank you for your help

#4

Is there a way to open those in a new page?

#5

Hello Christine,

To open the links in a new tab, simply updated the code and use something like this:

<a href="http://google.com/" target="_blank">
    <span class="bg"><img src="image.jpg" style="height: 100%;width: auto !important"></span>
    <div>
      <span>Hampton &amp; Croft</span>
      <small>Steakhouse and Cocktails</small>
    </div>
  </a>

Hope this helps.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.