- Posts: 10
- Thank you received: 0
change logo
-
paulbisoc
Inactive member - Topic Author
- New Member
Less
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
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
Less
More
- Posts: 6742
- Thank you received: 715
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
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
Less
More
- Posts: 6742
- Thank you received: 715
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:
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:
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:
Regards,
Milos
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