Docs

[Eyoael]

Hi,

i wanted to use custom fonts to my webpage and i found this “tutorial” on how to insert custom fonts into your website. I found this “tutorial” from this page https://www.elegantthemes.com/blog/resources/how-to-use-and-embed-an-icon-font-on-your-website. I’m aware that it is for elegant theme but from what i understood from the “tutorial” is that i can use this workaround for any theme. I followed the instructions but it didn’t work. My question is why didn’t this work? How can i make it work?

Best regards Eyoael

[Rahul]

Hey There,

Thanks for writing in!

Not sure if this helps, but still you can walk-through this link to know more about custom icons and fonts :

https://community.theme.co/forums/topic/custom-icons-or-sets/#post-209137

Hope this helps, let us know how this goes!

[Eyoael]

This reply has been marked as private.

[Nabeel A]

Hi Eyoael,

Please follow the this thread instead https://community.theme.co/forums/topic/how-do-i-change-font-in-theme-x/

Hope this helps!

[Eyoael]

Hi,

I think you misunderstood what i wanted help with. I’m trying to add line vector icons to my webpage not change fonts. I have followed the tutorial from the https://www.elegantthemes.com/blog/resources/how-to-use-and-embed-an-icon-font-on-your-website and put in the icons in my child theme folder and added the style css codes to my child theme style css but i doesn’t work.

Best regards
Eyoael

[Jade]

Hi Eyoael,

I’d love to check your current setup. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Eyoael]

This reply has been marked as private.

[Paul R]

Hi Eyoael,

Upon checking I can see you are having an issue with a third party plugin or script. Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

[Eyoael]

HI,

Can you tell me which plugin it is that is causing problems?

Best regards
Eyoael

[Eyoael]

Hi,

I’m having some problems with my site, i have removed third party plugins but i’m experiencing problems with slider revolution anad cornerstone. Can you check my site?

Best regards
Eyoael

[Jade]

Hi Eyoael,

As I have checked you still have the parent theme active. Based on the guide you have linked you will need to install the child theme. Once you have installed an activated the child theme, you can then try to follow the the guide on the link. Please make sure that the changes are made in the child theme.

Hope this helps.

[Eyoael]

Hi Jade,

Good thing that you notified me about that, i didn’t even realize that i use fiddling around in my parent theme. I have a question regarding something that is not related to this topic, i want to make my navbar to look like this exampel webpage https://thecuratedtravel.com, i have the following css
.x-navbar {
border: none;
box-shadow: none; background-color: transparent;
}
.x-navbar .desktop .x-nav > li > a,
.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: white;
}
.x-navbar-scrolled .desktop .x-nav > li > a > span {
color: #272727;
}
.x-navbar-scrolled .desktop .x-nav > li > a > span:hover {
color: red;
}
.x-navbar-fixed-top-active .x-navbar-wrap {
margin-bottom: 0;
}
@media (min-width: 980px) {
.x-slider-container.below {
margin-top: -75px;
}
}

.x-brand.text.black-text {
color: #272727 !important;
}

.x-colophon {
border-top: 0px;
box-shadow:none;
padding-top: 4% !important;
padding-bottom: 4% !important;
}

and the following javascript
jQuery(document).ready(function($){
$(‘.home .x-navbar-fixed-top’).css(“background-color”, “transparent”);
$(window).scroll(function(){
if ($(this).scrollTop() > 400) {
$(‘.home .x-navbar-fixed-top’).css(“background-color”, “rgba(255,255,255,0.99)”).css(“transition”,”0.3s ease-in-out “);
} else if ($(this).scrollTop() > 300) {
$(‘.home .x-navbar-fixed-top’).css(“background-color”, “rgba(255,255,255,0.75)”).css(“transition”,”0.3s ease-in-out “);
} else if ($(this).scrollTop() > 200) {
$(‘.home .x-navbar-fixed-top’).css(“background-color”, “rgba(255,255,255,0.5)”).css(“transition”,”0.3s ease-in-out “);
} else if ($(this).scrollTop() > 100) {
$(‘.home .x-navbar-fixed-top’).css(“background-color”, “rgba(255,255,255,0.35)”).css(“transition”,”0.3s ease-in-out “);
} else {
$(‘.home .x-navbar-fixed-top’).css(“background-color”, “transparent”).css(“transition”,”0.3s ease-in-out “);
}

if ($(this).scrollTop() > 100) {
$(‘.home .x-navbar-fixed-top’).addClass(‘x-navbar-scrolled’);
} else {
$(‘.home .x-navbar-fixed-top’).removeClass(‘x-navbar-scrolled’);
}

if ($(this).scrollTop() > 100) {
$(‘.x-brand.text’).addClass(‘black-text’);
} else {
$(‘.x-brand.text’).removeClass(‘black-text’);
}

});
});

It used to work but it doesn’t anymore, can you check the codes and tell me what the problem is??

Best regards
Eyoael

[Rue Nel]

Hello Eyoael,

You can follow curated travels’s topic: https://community.theme.co/forums/topic/navbar-font-color-change-on-scroll/

There is nothing wrong with the come. It’s just that you haven’t set the page as your homepage and this is why it is not working. So I went ahead and set your homepage. You should see the changes in your site’s home page now.

I’d also recommend that you clear your caching plugin, and disable it during development. This can cause Customizer changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Hope this helps. Please let us know how it goes.

[Eyoael]

Hi,

Thanks for the help and the advice i’ll turn off the caching.

Best regards
Eyoael

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts