kaydotjpg
-
Posts
221 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by kaydotjpg
-
password: tunika Hi! I am working on a client's site. They wanted to have the side navigation (as you can see). Then, they wanted a scrolling text bar at the very top of the page. However, I am having a hard time making the scrolling text bar flush with the top of the page. It seems despite the navigation being on the sides of the site, there's still some space at the top where it use to live. Is there away to close this gap? Thanks For reference, this is the code I am using to force my header to the sides: //SPIDE NAVIGATION// @media screen and (min-width:768px) { a#site-title { position: fixed; top: 50%; transform: rotate(270deg) translateY(-30%); left: -65px; font-size: 1.5rem; } nav.header-nav-list { position: fixed; top: 50%; transform: rotate(90deg) translateY(-50%); flex-direction: column; right: 60px; } nav.header-nav-list>div:nth-child(1) { position: fixed; left: calc(~"50% - 100px"); } nav.header-nav-list>div:nth-child(2) { position: fixed; left: calc(~"50% - 35px"); } nav.header-nav-list>div:nth-child(3) { position: fixed; left: calc(~"50% + 50px"); } nav.header-nav-list>div:nth-child(4) { position: fixed; left: calc(~"50% + 150px"); } }
-
@Ziggy actually- i figured it out using: .header .header-announcement-bar-wrapper { position: relative; z-index: 2; width: 150%; box-sizing: border-box; padding-top: 3vw; padding-bottom: 3vw; padding-left: 3vw; padding-right: 18vw; pointer-events: auto; }
-
Thanks @Ziggy This is looking great so far. Question- is there a while to manipulate the width of the border? For example I would love to extend it a little longer if possible! The website I'm currently working: https://accordion-fish-2rkl.squarespace.com/ password: yellow
-
@Ziggy okay- thank you! Do you think you could help me with the code? Adding the background, color, and border options? I'm new to css! ❤️
-
Hi! I was wondering if anyone knows how to replicate a header like the one in this site has? https://a-realm.squarespace.com/?password=pearler
-
Hi! password: tunika I am trying to install this Codepen code to my clients site. It's a bit confusing to know what goes where. Could someone help me? Also, I would like to be able to change the colors if you can also tell me where in the code this change could be made. Thank you ❤️
-
@Web_Solutions this worked beautifully!! Thank you
-
Yes! Sorry about that @Web_Solutions https://magenta-saffron-7xfp.squarespace.com/
-
password: DAB Hi! I have added a line block to my footer to create a nice seperation from the section above it. However, I have an orb that follows your cursor effect on the section above it, and this orb gets *ever so slightly* cut off, but just before the line. I made the footer section, and the section above it, as close to each other as possible, and I have also aligned the line block in the "upper" position. Is there anyway to get the line block even closer to the top of the footer section to avoid seeing the orb get cut off?
-
@tuanphan The url is: https://sturgeon-herring-dtyp.squarespace.com/ password: trophyclub
-
password: tunika Hi! This may sound odd, but is there a way to direct blog post's "read more" to external URL links? The reason I am hoping to do this is because my client would like to showcase their writing with the use of tags and categories. Blog posts allow for you to do this, while normal blocks do not. However, I don't actually need the blog feature itself, I just need the "read more" to link directly to the articles she has written. Is this possible?
-
@tuanphan yes!! Just like that, but of course the text being vertical. Down below are 2 mock ups that I would be happy to achieve, either way.
-
Hi! password: trophyclub I created and slightly customized the Contact form (found at the very bottom of the site). However when I customized the color of the field forms, the option dropdown field remains white. I'm hoping to change it to the custom color (#F8F6EE ). I would also like the height/size of that dropdown field to match the rest of the field heights, as opposed to be so thin. Thank you!
-
@Ziggy Thanks for this! I noticed this plugin is not compatible with fluid engine. I know that SS still allows you to insert an older 7.1 style section (even if the rest of the site is fluid engine). Do you foresee this being an issue down the road? Or, in your opinion, do you think it's safe to purchase and install?
-
Hi! password: trophyclub My client is requesting something that I'm not sure is possible with coding but hoping we can figure it out. She would you like the user to be able to hover over the words on the left hand side ("Content", "Strategy", "Cheat Codes"), and have it reveal different text (like you see on the right, which would be for "Content") based on which word you are hovering over. Is this possible?
-
Why is my custom font in italics only?
kaydotjpg replied to kaydotjpg's topic in Customize with code
LOL, sorry, just realized my font under Site Styles > Fonts > Style was set to italics. Ignore me -
Hi! password: trophyclub I installed 2 custom fonts. "Cervo" is directed towards h2, h3, and h4. While "ED Lavonia" is being directed towards h1. For some reason Cervo is only coming up italicized. Can someone help me figure why?
-
@tuanphan @Ziggy a little different! Here is are 2 examples of what I mean: site 1, site 2 So: Tunika Onnekikami (header) and About (nav link) on the left hand side. And Things I Like and Work on the right hand side. If this seems too tricky, I would be fine with just a vertical header with everything on the left hand side. However, the ghost plug in that @Ziggy sent does not allow the site title to be included, and I would like the site title to be included if I go this route.
-
Hi! I would love to create a vertical, split navigation. If you look at the site, I would like to have the name ("Tunika Onnekikami") vertical and on the left side of the screen, and the nav link ("Work", "About", and "Contact) vertical and on the right hand of the screen. Can someone help me with this? password: tunika
-
Update: the code needed to be .header-nav-item
-
Hi! password: blankets Can someone help me figure out why my custom font is not being directed to the navigation links in the header? I have this code added: .header-nav-folder-title, But nothing Thanks 🙏
-
I'm doing some research for an upcoming client's site. They really love how MAN-TLE has this cool "dot" feature on their products, which is basically just a hover on quick view (or so it seems). Would anyone know how to even do this witchery? (replacing the "quick view" text with a shape/image/dot, and then having quick view just pull up the link to the product). Her site: https://carnation-cat-mxz8.squarespace.com/ password: blanket Thanks 🙏
-
@Ziggy Thanks for this, however, I'm still getting the default finger point when I hover over a link
-
Hi! Currently I have a very cute custom emoji cursor, using the code below. How can I then, change the hover cursor to be a different emoji? // Emoji Cursor // body, html { cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>🍊</text></svg>") 16 0,auto !important; /*emojicursor.app*/ }
-
Hi! I would like one button from the contact form to be solid, but not effect the other buttons. How can I isolate the customization of just one button without it effecting site wide?
.png.f3a9653b55307f3e6c4b53c9316befcc.png)
.png.4c4d764cc9f08be09ea25ced18ae509b.png)
