orsolya
Member-
Posts
9 -
Joined
-
Last visited
orsolya's Achievements
-
daniellenoakes reacted to a post in a topic: Mobile Menu Nav - Counter
-
tuanphan reacted to a post in a topic: Mobile Menu Nav - Counter
-
It works perfectly, thank you so much!! @tuanphan
-
Site URL: https://www.orsolyaoszabo.com/home Hello, Thanks if anyone can help, I managed to add counters to the desktop navigation links, with css. Like photos no. 1 I used this code: .header-nav-list>.header-nav-item:before { content: "0" counter(menu-item-counter) "./"; font-family: proxima-nova; font-style: normal; font-weight: 400; font-size: .625rem; line-height: 1.2em; letter-spacing: .2em; text-transform: uppercase; color: #272724; position: ; top: -10px; left: 65px } .header-nav-list>.header-nav-item { counter-increment: menu-item-counter; position: relative; } .header-nav-list { counter-reset: menu-item-counter; justify-content: flex-start; } And I wanna do the same, on mobile, but I only got 01. before each nav item with almost the same code. (photo no. 2) .header-menu-nav-item a:before { content: "0" counter(menu-item-counter) "./"; font-family: proxima-nova; font-style: normal; font-weight: 400; font-size: .625rem; line-height: 1.2em; letter-spacing: .2em; text-transform: uppercase; color: #272724; position: ; top: -10px; left: 65px } .header-menu-nav-item a { counter-increment: menu-item-counter; position: relative; } .header-menu-nav-item a { counter-reset: menu-item-counter; justify-content: flex-start; } Huge thanks to anyone who can tell me what's wrong, and how to make the nav links actually counting!! Orsi
-
Site URL: https://www.orsolyaoszabo.com/links Hello, Anyone can help me fix this? I wanna count the project titles on a portfolio page with a different font, and I'm figured out a css snippet which looks nice, only problem that it does not count the titles. Ideally, it would show "01" before the first one, "02" before the second one, and so on. There might be some class name, I'm missing. Im using this snippet so far: .portfolio-hover-item-content:before { content: "0" counter(menu-item-counter); font-family: poppins; font-style: normal; font-weight: 500; font-size: .825rem; line-height: 1.2em; letter-spacing: .2em; text-transform: uppercase; color: #161513; position: absolute; top: 40px !important; left: -28px; } .portfolio-hover-item-content{ counter-increment: menu-item-counter; position: relative; } .portfolio-hover-item-content { counter-reset: menu-item-counter; justify-content: flex-start; } @media (max-width:991px){ .portfolio-hover-item-content:before { content: "0" counter(menu-item-counter); font-family: poppins; font-style: normal; font-weight: 400; font-size: .625rem; line-height: 1.2em; letter-spacing: .2em; text-transform: uppercase; color: #161513; position: absolute; top: 10px !important; left: -20px; }} www.orsolyaoszabo.com/links Thanks a lot, Orshi
-
Hey, I wanna make a similar header like on the image. I kinda have a code to space the navigation and the logo to where I want, but how do I add a vertical line in the header? like here: https://superherodesign.wixsite.com/marketing is it possible? Thanks,
-
Beyondspace reacted to a post in a topic: Code for sections side by side?
-
Anyone knows a code for aligning sections horizontally in 7.1?
-
Hey, I wanna make it look like this as you see in the video. The title of the image shows only on hover, and I just figured that it may not be necessary to change the button, but how else can I add this arrow under the title? I have the . png cause I'm using it already on my site. thx RPReplay_Final1641728309.MOV
-
Hey, I wanna make it look like this as you see in the video. The title of the image shows only on hover, and I just figured that it may not be necessary to change the button, but how else can I add this arrow under the title? I have the . png cause I'm using it already on my site. thx RPReplay_Final1641728309.MOV