This is a project for an ECE (early childhood education) consultant. Preschools and organizations hire her to train their staff on how to work with children and how to get certifications in ECE
The client wanted a website that doesnât look too childish and so I tried building something.
Let me know if you have any feedback.
Also, I am open to any freelance opportunities.
Thanks
Looks fantastic! Nice work - my only quirk is the image hover animation ârotateâ. I sometimes think these feel odd. Perhaps try just zoom on hover.
Everything else is fun, clean and awesome!
The only small critic I have is that the menu items in the header as well as the ones in the footer show (for a few seconds) a red (header) or white (footer) dashed frame / line around it when selected.
Maybe this is wanted? I donât know. Anyway, looks to me like you can get rid of that via CSS if you wanted to (see CSS code below).
Yeah, thanks. I know. I forgot to give outline none. Thanks. Also, there should be an option in the builder to not show the outline. It doesnât look good.
Or if there is any other way to disable outline other than custom CSS Iâd like to know.
Thanks
Many thanks for the CSS code. I had already found another solution with a background image, but your solution is much more flexible. I adapted your code to my needs.
root {
--color1: #00BFFF;
--color2: #1569ae;
}
root a {
position: relative;
}
/** active underline ******************/
nav > ul > li.current_page_item a:after {
position: absolute;
content: "";
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 3px;
background: var(--color1);
}
/** underline on hover ****************/
nav > ul > li > a:after {
position: absolute;
content: "";
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 2px;
background: var(--color1);
transition: 400ms ease-in-out;
}
nav > ul > li > a:hover:after {
width: 100%;
}
.sub-menu a:hover {
color: var(--color2) !important;
}
I have only one last problem. When clicking on âĂbersetzungenâ and displaying the submenu, all submenu items are also underlined. I tried adding â.bricks-menu-itemâ to the active underline selector, but that didnât have the desired effect. Anyway, I am now 95% happy with the result
what plugin is been use for appointments, and I see u are using digital ocean, what configuration are u using for managing the websites on the server, are u using like cpanel or other