Jump to content

orsolya

Member
  • Posts

    9
  • Joined

  • Last visited

orsolya's Achievements

  1. It works perfectly, thank you so much!! @tuanphan
  2. 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
  3. 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
  4. 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,
  5. Anyone knows a code for aligning sections horizontally in 7.1?
  6. 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
  7. 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
  8. Hey, I have a section where I list my services, with poster images, buttons on it, which are clicking through to another page. And I'm wondering if there's any way to change the button to a transparent png image, like an arrow for example. can anyone help me out with a css for that? Thank you Orsi
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.