Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

MMEbyKiandraTrickett

Circle Member
  • Posts

    58
  • Joined

  • Last visited

Everything posted by MMEbyKiandraTrickett

  1. The top bits will be cleaned up. Had to change all colours manually because they had a separate site live at the time of me re-building. //Hopmepage main banner// #home-welcome h1 {color: #051F3B;} //Hopmepage services banner// #testimonials {background: #D4D4D4;} #testimonials h1 {color: #051F3B;} #testimonials h2 {color: #051F3B;} #testimonials h3 {color: #051F3B;} #testimonials p {color: #051F3B;} #testimonials p a {color:#051F3B;} //Hopmepage cta banner// #cta {background: #051F3B;} #cta h1 {color: #ffffff;} #cta h2 {color: #ffffff;} #cta h3 {color: #ffffff;} #cta p {color: #ffffff;} #cta p a {color: #ffffff;} //Homepage services banner// #our-services p a {color: #ffffff;} #our-services h1 {color: #ffffff;} #our-services h2 {color: #ffffff;} #our-services h3 {color: #ffffff;} #our-services p {color: #ffffff;} #cta p a {color: #ffffff;} //About quote banner// #about-quote {background: #051F3B;} #about-quote h1 {color: #ffffff;} #about-quote h2 {color: #ffffff;} #about-quote h3 {color: #ffffff;} #about-quote p {color: #ffffff;} #about-quote p a {color: #ffffff;} //About banner// #about-cta {background: #051F3B;} #about-cta h1 {color: #ffffff;} #about-cta h2 {color: #ffffff;} #about-cta h3 {color: #ffffff;} #about-cta p {color: #ffffff;} #about-cta p a {color: #ffffff;} //about header// #about-header h1 {color: #ffffff;} #about-header h2 {color: #ffffff;} #about-header h3 {color: #ffffff;} #about-header p {color: #ffffff;} #about-header p a {color: #ffffff;} //about header// #care-about h1 {color: #051F3B;} #care-about h2 {color: #051F3B;} #care-about h3 {color: #051F3B;} #care-about p {color: #051F3B;} #care-about p a {color: #051F3B;} //REMOVE UNDERLINE// p a {border:none!important;} // Fade Out Line Buttom-Left To Right small // .sqs-block-button-element--small { position:relative; height: 60px; line-height: 60px; text-align: center; transition: 0.5s; padding: 0 20px; cursor: pointer; -webkit-transition:0.5s; } .sqs-block-button-element--small:hover { background-color: transparent; border-color: transparent; color: #ffffff; } .sqs-block-button-element--small:hover:before{ transition-delay: .2s; } .sqs-block-button-element--small::before{ width: 0%; height:100%; z-index: 3; content:''; position: absolute; bottom:-1px; left:0; box-sizing: border-box; transition: .2s; } .sqs-block-button-element--small:hover::before { width: 100% !important; transition: .7s; } .sqs-block-button-element--small::before { border-bottom: 2px solid #F1F1F1; } // Fade Out Line Buttom-Left To Right medium // .sqs-block-button-element--medium { position:relative; height: 60px; line-height: 60px; text-align: center; transition: 0.5s; padding: 0 20px; cursor: pointer; -webkit-transition:0.5s; } .sqs-block-button-element--medium:hover { background-color: transparent; border-color: transparent; color: #051F3B; } .sqs-block-button-element--small:hover:before{ transition-delay: .2s; } .sqs-block-button-element--medium::before{ width: 0%; height:100%; z-index: 3; content:''; position: absolute; bottom:-1px; left:0; box-sizing: border-box; transition: .2s; } .sqs-block-button-element--medium:hover::before { width: 100% !important; transition: .7s; } .sqs-block-button-element--medium::before { border-bottom: 2px solid #051F3B; } //white mobile logo// .Mobile-bar-branding-logo { content: url("https://static1.squarespace.com/static/5a7ae678fe54efbf7728184f/t/60a4d59aa22ee22cf2302b1c/1621415322381/Nominis-white.png") !important; max-height:60px; min-height: 60px; width:auto !important; } //Custom Burger Icon// .burger-inner { display: none; } .Mobile-bar-menu {stroke:transparent; background-image: url('https://static1.squarespace.com/static/5a7ae678fe54efbf7728184f/t/60a4d74cc16750680824acf4/1621415756966/Nominis-burger-icon.png'); background-size: contain; background-repeat: no-repeat; background-position: left; background-color: transparent !important; height: 15px; } .burger-inner { display: none; } //Medium button size// .sqs-block-button .sqs-block-button-element--medium { padding: 15px 25px; } //hover over image// a img.thumb-image { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } a img.thumb-image:hover, a img.thumb-image:active { -webkit-transform: scale(1.1); transform: scale(1.1); } //Accordion text// .markdown-block p { margin-left:1.5em; } .markdown-block .ui-closed:before { font-family:monospace; content:"+ "; color: #ffffff } .markdown-block .ui-open:before { font-family:monospace; content:"- "; color: #ffffff } .markdown-block h3 { border-bottom: solid 1px #ffffff; padding: 10px 3px; } /* Homepage nav color */ body.homepage a.Header-nav-item { color: #061E39 !important; }
  2. Thanks! Do you know why I'd be receiving a syntax error? Hasn't worked but assume fixing that it will.
  3. Site URL: https://www.nominis.me Hey! Wanting to change the navigation font colour on only the homepage - the rest to remain white. The colour I want is #061E39 I've tried the below but it doesn't work. <style> #main-navigation .active-link a{ color: #061E39; } </style>
  4. Thank you! This worked - I tried your code to replace banner image on mobile, replaced the code with my collection ID numbers but hasn't worked? @media screen and (max-width:767px) { [data-section-id="5e71026ea0c7907f72f1e5a1"] .section-background img { visibility: hidden; } [data-section-id="5e71026ea0c7907f72f1e5a1"] .section-background { background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/ss-team01-min.png); background-size: cover; background-position: center center; background-repeat: no-repeat; } }
  5. Site URL: https://nominis.me/home-2 Hey crew I'm working through the below site and wanting to increase the banner size on the homepage (main banner). You can see on mobile the text overlaps the imagery of the individuals. I would ideally want this text sitting in the grey space above, and increase the grey space. Another option is that I can upload a secondary image for mobile so that there's more grey space above. https://nominis.me/home-2 Help a sister out!
  6. Site URL: https://knapsackcreative.com/ I ABSOLUTELY LOVE THIS BUTTON on the website below. https://knapsackcreative.com/ Was wondering if anyone's done the style and what the code is? I've also seen some great hover over buttons and wondered whether they're two images blending or what not?
  7. Have a 7.0 site I want the description (caption) to appear on hover over. allnaturalkitchen.com.au/products PW: ENTER This is the closest thread I can find to the feature I'm wanting.
  8. Share when you get it! I'll have to remove the feature if I don't figure it out. Launching next week and it looks so bad on mobile
  9. I've put this on the below site. Interested to hear how people have centred the text and wrap? (So the text doesn't go to the top) Tried a couple different CSS add ons and hasn't worked. www.allnaturalkitchen.com.au PW ENTER
  10. No I haven't - I've been trying to make some tweaks because it's not really responsive at all. So if I can't get it responsive I'll probably remove it cause it's a bit of a turn off!
  11. Absolutely! www.allnaturalkitchen.com.au PW: ENTER It's the about page
  12. Was this mobile responsive to people? Mine wasn't.. hmmm
  13. It didn’t work in any! I had to create an image the same look as the site and then just upload it.. really annoying because it doesn’t have the hover over effect and you can kind of just tell.. keep me updated!
  14. Super interested if anyone knows how to fix the MENU burger icon sticking up to the top right when scrolling on mobile. Doing my absolute head in. www.sparkproperty.com.au PW: enter When you scroll there will be a duplication of the word MENU..
  15. Just joining the thread. My client offers free shipping for all her products (wedding dresses, thousands). But shes just introduced a couple smaller things that she needs to add postage to.. As the rest of the store is free shipping, I'm only going to add weight to the products needing a cost and then add them that way.. but very messy!
  16. OH MY GOD ARE YOU SOME FORM OF WIZARD!!!! Thankyou!!!
  17. I have the exact same issue on my mobile site for www.intherawjuice.com.au have removed all css and individually reloaded - it was once fine then just bam - started to jitter. it’s on all images throughout the site for me - I’m on an iPhone 11 Pro.
  18. Site URL: https://www.intherawjuice.com.au Hi all I had seen a post previously and couldn’t re find it on jittery scrolling on mobile. I’ve removed all custom css and added back in individually, still happens. it was normally and fine then just randomly - jittery. It shouldn’t be the file size of the images either?
  19. Sorry - might be blend too much in the background!
  20. Site URL: https://www.arlo.squarespace.com Hey crew, I've been looking at wanting to do particles.js in the header of a homepage I'm creating. Just a template play around at the moment - not for a client. arlo.squarespace.com PW: enter I plan on the header being a "blob" colour shape that blends into the section below. Some particles I've looked at; https://codepen.io/Tollo/pen/YzKEqGm https://codepen.io/VincentGarreau/pen/pnlso https://codepen.io/samarkandiy/pen/xGEOLN Just wondering if anyone has success stories, examples and how to implement feeds.
  21. Why is this so easy for a WIX site but not Squarespace - trying millions of different things. Just want an automated feed!
×
×
  • Create New...