Hey, I am trying to create a home page like the one in Gadgets Demo. I first tried to import the demo but for some reason my page keeps loading for a few minutes even after content is loaded. So, I uninstalled the demo and now i am trying to build it. Here are some problems that i am unable to fix so please help me with that.
– How do I remove the distance between header menu and first content block?
– What if the font being used in Gadgets demo?
– Main Menu hover color doesn’t change and there is no option of hover color in Theme Panel > Theme Colors > Main Menu (under header). The option Active and Hover color changes the color of whole block but i just want to change the text color like in Gadgets demo.
– How do I make sure that different blocks will not show same content?
PS: This is the link of my blog where i am trying to build that page.
Hello iMohitPahwa,
Please follow my advice because in that way you will re-create the same layout with our demo and also, in the future you will understand each element used there. Try to make a sub-domain at your website and install there the Gadgets Demo with the content but do not edit it because then, if you will switch up to another demo you will loose all of your data. You should only import that demo at your subdomain and separately create the same layout for your project. If you will check the Theme panel setting, there you will find the answers to all your above questions.
Thanks for your understanding and good luck.
Hey,
Thanks for the suggestion. I did exactly what you said but I still have all those problems.
– How do I remove the distance between header menu and first content block? (I copied the first few rows of home page and pasted on live website but there is still gap between Header and First Block.)
– And, How do I make sure the articles are not repeated on home page?
___________
I have uploaded some images here so you better understand the problem.
Images Link: http://imgur.com/a/cJguT
Hello iMohitPahwa,
If you want to increase the top space you should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Custom CSS area.
.td-main-page-wrap {
padding-top: 0px;
}
The result is here -> https://www.screencast.com/t/XhRmqh1oxD
Thanks for your understanding!
