Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1067680

HI Carlucci,

You will need to customize a bit:

• Add a new class called sfilter next to the ‘custom’ class: http://prntscr.com/gwsi9e
• Add this new CSS rule:

.topbar-right > div.custom.sfilter {
background-image: url(/images/Gpc/search-symbol.jpg) no-repeat;
margin-right: 5px;
padding-top: 5px;
}

.topbar-right > div.custom.sfilter > a {
color: rgba(255, 255, 255, 0.6);
background-color: rgba(255, 255, 255, 0.05);
width: 30px;
height: 30px;
}

.topbar-right > div.custom.sfilter > a i.fa.fa-search {
line-height: 30px;
font-size: 14px;
}

1 user says Thank You to Saguaros for this useful post

1. carlucci

[carlucci Friend carlucciJoin date: November 2006Posts: 509Downloads:195Uploads:108 Thanks: 172 Thanked: 17 times in 3 posts]

#1067804

Sorry!
Your css code does not work.
I have solved it without css.
I have incorporated "Search" and "Video play" and
I have expanded the html code of Social list.
View code:

<ul class="social-list">
  <li><a href="#" title="Facebook" class="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
  <li><a href="#" title="Twitter" class="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
  <li><a href="#" title="Instagram" class="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
  <li><a href="#" title="Google plus" class="google-plus"><i class="fa fa-google" aria-hidden="true"></i></a></li>

<!-- Search recipes -->
  <li><a href="index.php/es/filtro/filtro-de-recetas.html" title="Búsqueda Recetas"><i class="fa fa-search" aria-hidden="true"></i></a></li>

<!-- Search Video -->
 <li><a href="index.php/es/filtro/filtro-videos.html" title="Búsqueda Video Recetas"><i class="fa fa-play" aria-hidden="true"></i></a></li> 

</ul>

[Author]

Posts