KhanhLy174

It works. Thank you 🙏

Actually, I just realized that the page loader applies to all pages on the website. Can I only apply this to the Home page?

This code works. Thank you so much.

Hi. Sorry I removed the code after seeing that it didn't work. I just now added it back to the Footer of Code Injection

Hi. Here is our website: https://www.taniq.com/

Hi, I put the code in as instructed but the effect did not work.

Hi, I do want to have my company's logo on a white background. Attached is the logo.

Hi, sorry I did not fully understand your instruction. What kind of file should I use? Can it just be the logo of our company? And it looks like I need to upload it somewhere in order to get a link for the code?

@tuanphan Hi, that one looks nice too and I've seen websites do it, but it seems to only be like a pre loader for the home page and not the rest of the website, so I kinda still prefer a fade out/fade in effect like in the tutorial. But this one also looks good and if it's not too complicated to set up I want to give it a try as well. Thank you

Hi. I want to create a page loading/page transition effect to make it smooth. The kind of effect I want is fade out/fade in. I watched the following tutorial since they show how to create the exact effect that I want. But it looks super complicated. I wonder if there is a more simple way to do it? Thanks. The tutorial I watched: My website: https://www.taniq.com/

This works! Thank you so much!! 😄

Hi, I replaced it and, it still didn't do what I wanted it to do, which is to make the text orange whenever on hover. There was also some extra space on two sides of the drop down menu for some reason, which didn't look very nice to me. However, what I really liked about it is that the clicked item now has orange color. I will explain further below: As you can see there is some extra space on two sides, plus the other items in the same category ("software" category) are still white when being hovered. In this case you can see "Rubber Design & Manufacturing Software is being hovered over and is white. When you hover over other items of other categories, for example Applications, they are orange as preferred, unless you click on one of them and they are white again. So there is an inconsistency going on between items of a category that has been clicked on, and other items in other categories. But I really like that the chosen item, in this case "TaniqWind Design" now has an orange color. What I really wanted, was that other items when hovering also has orange color. So I tested by keeping my old code, and adding parts of your new code: .header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0; .header-nav-folder-item { padding: .4em 1em; } .header-nav-folder-item { background: #082732; a { color: #ffffff; } } .header-nav-folder-item:hover { background: #0a3745; a { color: #ff8c1a; } } } .header-nav-folder-item--active { background: #0a3745 !important; } .header-nav-folder-item--active a { color: #ff8c1a !important; } This code keeps the old look (without extra space on two sides of the drop down menu), and adds the orange color on clicked item. The only thing I need now is the hovered items in the same category to be orange as well. I think we are almost there :D. Thank you for the help.

Hi, do you have any other suggestions since the previous code didn't work? Thank you.

Thanks but it didn't work.

I checked again and if I'm not mistaken the code was a part of the following code (which I forgot to copy the entire thing), that's why there is an extra bracket: .header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0; .header-nav-folder-item { padding: .4em 1em; } .header-nav-folder-item { background: #082732; a { color: #ffffff; } } .header-nav-folder-item:hover { background: #0a3745; a { color: #ff8c1a; } } } I tried adding your code to the Custom CSS but it didn't work. Am I supposed to just add it in, or replace some code I added with your code? (sorry for my limited knowledge in coding)