Hi Carlos,
Is your font support web font version ? If so, you can do the same method like so https://google-webfonts-helper.herokuapp.com/fonts/barlow-condensed?subsets=latin
Just download your font then upload to joomla/templates/template_name/fonts/
Next open custom.css file at joomla/templates/templates/template_name/css/custom.css then add
/* barlow-condensed-regular - latin */
@font-face {
font-family: 'Barlow Condensed';
font-style: normal;
font-weight: 400;
src: url('../fonts/barlow-condensed-v4-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'),
url('../fonts/barlow-condensed-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/barlow-condensed-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/barlow-condensed-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/barlow-condensed-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/barlow-condensed-v4-latin-regular.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}replace barlow-condensed-v4-latin-regular. with your custom font name.
Last, you can use css code like so to use the font
.your-css-class-name {
font-family: your-font-name;
}Version 3 developed by yootheme and already supported. We will update reveka to the new template framework (helix ultimate) and uikit3 soon.
1. Uikit2 does not support bullet css class
You can use css code for uk-list-bullet
.uk-list-bullet>li{position:relative;padding-left:calc(1.5em + 10px)}
.uk-list-bullet>li::before{content:"";position:absolute;top:0;left:0;width:1.5em;height:1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%;display:block}
2. Try this
a.dropdown-button:hover i {
color: red;
}
Hi Ivan,
This is page title background image, you can change it via Menus -> Main Menu -> About Us -> Page Title -> Background Image
Do the same for other menu items 🙂
Hi there,
Could you please please explain a little bit more detail ? Which theme you are using now ?
Hi there,
I think its possible, did you try to replace the li content before ?
Switching the Joomla editor to codemirror or none, replace
<li><a href="https://warptheme.com/"><i class="uk-icon-linkedin"></i></a></li>
with
<li><a href="https://warptheme.com/">your text here</a></li>
