Alex Sirb

Missing Icons in front of Latest Listing and social media icons

8 posts in this topic

Hi,

My icons next to "connect with us" has disappeared. I cannot see the facebook, twitter and the rest of the icons.

I am also missing the icon in front of the latest listings.

How do I bring them back?

Thank you,

Alex

Share this post


Link to post
Share on other sites

Hi,

My icons next to "connect with us" has disappeared. I cannot see the facebook, twitter and the rest of the icons.

I am also missing the icon in front of the latest listings.

How do I bring them back?

Thank you,

Alex

Hi,

you may open this module, click to "toggle editor" and paste below:


<h3>Connect with us :</h3>
<p><a href="#" class="face"> </a>
<a href="#" class="twitter"> </a>
<a href="#" class="rss"> </a>
<a href="#" class="youtube"> </a>
<a href="#" class="in"> </a> We're on Social Networks. Follow us & get in touch.</p>

Share this post


Link to post
Share on other sites

Thank you for the code. Do you happen to have the code for the fire icon in front of the Latest Listings?

Hi,

try to go to template manager, click on layout, then scroll down, then choose as in image attached.

post-114808-0-66405500-1410745912_thumb.

Share this post


Link to post
Share on other sites

That did not bring the icon back. I assume that the icon in the code, and probably I have erased the code when I modified some content. Is there another way to bring it back. On my website it shows the title "LATEST LISTINGS" however it does not show the fire icon.

Thanks!

Share this post


Link to post
Share on other sites

Hi Alex,

What's position of module Latest Listing? In template BT Real Estate, i just set up fire icon for module have position "mast-col". If you want to show this icon on other title modules, please add class suffix for module is "[space]show_icon_fire"

Note: [space] is a space

Then edit file: ..templates/bt_real_estate/css/custom.css add style:

.show_icon_fire .module-title span {

background: url("../images/icon-title-module.png") no-repeat scroll left top rgba(0, 0, 0, 0);

display: inline-block;

padding: 12px 0 27px 55px;

}

Hope you can do it your self :)

Best regards,

Share this post


Link to post
Share on other sites

Got it! That worked. Thank you!

One last thing. Do you guys have an icon for Google+ that I can add in the "Connect with us" line? If so what is the code for the icon.

Share this post


Link to post
Share on other sites

hi Alex,

Please replace this code for module HTML Contact Us:

<h3>Connect with us :</h3>

<p><a href="#" class="face"> </a>

<a href="#" class="twitter"> </a>

<a href="#" class="rss"> </a>

<a href="#" class="youtube"> </a>

<a href="#" class="in"> </a>

<a href="#" class="gg"> </a>We're on Social Networks. Follow us & get in touch.</p>

In file custom.css add style below:

.bottom-footer a.gg {

background: url("../images/icon-google.png") no-repeat scroll left top rgba(0, 0, 0, 0);

}

.bottom-footer a.gg:hover {

background: url("../images/icon-google-hover.png") no-repeat scroll left top rgba(0, 0, 0, 0);

}

Hope you can do it yourself :)

Best regards,

post-85525-0-65246800-1410924862.png

post-85525-0-12852000-1410924875.png

Share this post


Link to post
Share on other sites