change logo

  • paulbisoc
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
2 years 4 weeks ago - 2 years 4 weeks ago #49742 by paulbisoc
change logo was created by paulbisoc
Hi
How to change logo font and add back and and how can I add the icons for facebook and youtube (only) immediately after the top menu?

www.teatruldelamare.ro

Thx
Paul
Last edit: 2 years 4 weeks ago by paulbisoc.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 4 weeks ago #49745 by milos
Replied by milos on topic change logo
Hello,

You can change the logo font in the template settings, under Features > Branding > Font Family. More details: www.hotjoomlatemplates.com/sparky-docume...on/features/branding

To add icons, you should edit the Layout and add one more module position next to the menu. Then publish the icons in a custom module that's published in this module position. To learn about Layout changes read this www.hotjoomlatemplates.com/sparky-docume...ayout/layout-builder

Regards,
Milos

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 4 weeks ago #49746 by milos
Replied by milos on topic change logo
Actually, you don't need to edit the layout as the top1 module position already exists there by default...

The social icons are in module positions top1 and bottom1 in modules "Social Icons" and "Connect with Us". The original HTML code of these modules is:
Code:
<a href="https://www.facebook.com/hotthemes"><i class="fab fa-facebook"></i></a><a href="https://twitter.com/hot_themes"><i class="fab fa-twitter"></i></a><a href="https://instagram.com/hotthemes/"><i class="fab fa-instagram"></i></a><a href="https://www.linkedin.com/company/hotthemes"><i class="fab fa-linkedin"></i></a><a href="https://pinterest.com/hotthemes"><i class="fab fa-pinterest"></i></a>

It's recommended to disable the WYSIWYG editor in the global Joomla configuration before editing these modules because some editors can cut of the icon's code. In the code above, simply edit links, such as www.facebook.com/hotthemes and twitter.com/hot_themes , etc.

To remove a social icon, for example, Linkedin, remove its full link:
Code:
<a href="https://www.linkedin.com/company/hotthemes"><i class="fab fa-linkedin"></i></a>

To add a social icon, in example YouTube, find its icon here fontawesome.com/v4.7.0/icons/ and add the icon HTML code wrapped with a link, in example:
Code:
<a href="https://www.instagram.com/hotthemes"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.211 seconds
Powered by Kunena Forum