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

kristenblowfield

Circle Member
  • Content Count

    19
  • Joined

  • Last visited

Everything posted by kristenblowfield

  1. Site URL: https://www.kristenbertolinidesigns.com/the-pursuit Hi there, Using Brine Template. I am trying to get my questionnaire to work through the form builder Question Scout, but on click to start completing the form it doesn't take me to the questions. Form works fine through the link (https://form.questionscout.com/5f0d7c9e0ee3333601fa1ef7) but when using the below code it doesn't work: <script id="etocxmxssiwpawnkd">(function(a, b, c, e, f) {var s = a.createElement('script');s.src = b;s.setAttribute('data-form-id', e);s.setAttribute('data-runner-id', c);s.setAttribute('data-url-params', f);s.setAttribute('data-scale', true);a.head.appendChild(s);})(window.document, 'https://form.questionscout.com/qs-form-script.min.js', 'etocxmxssiwpawnkd', '5f0d7c9e0ee3333601fa1ef7', '[]');</script> Is there something that i have missed to get this to work? Many thanks
  2. Hi @RyanDejaegher Site is squarespace 7.1 https://alligator-cranberry-2y8h.squarespace.com/ PW: balloonatiks123 Is it possible to maintain the lightbox on click? with either Gallery: Masonry or Gallery Grid: Simple? Many thanks
  3. Fixed with the below CSS @media screen and (max-width:767px) { .header-menu-bg.theme-bg--primary { background: #4d4d4f !important; } }
  4. Site URL: https://www.core4.com.au/ Hi there My mobile navigation when scrolled below hero banner is white and i would like this to be the same colour as the remaining of my mobile navigation folder as i lose the exit and the logo. Please see attached screenshot. I have used the below code for remaining of navigation but just need the first section the same colour. Please note this is only on scroll. /*For the header background color:*/ @media screen and (max-width:640px) {.tweak-transparent-header .header .header-announcement-bar-wrapper:not(.shrink):not(.transparent-header-theme--override) { background-color: #4d4d4f !important; } } /*For the bottom piece with CTA button:*/ .header-menu-cta { background-color: #4d4d4f !important; } /*For the middle section with Nav items:*/ .header-menu-nav-folder-content { background-color: #4d4d4f !important; } /*And to change the hamburger/X icon colors:*/ .burger-inner:after { background: #fff !important; } .burger-inner:before { background: #fff !important; } Many thanks!
  5. Hi @tuanphan Thanks very much this worked a treat! But my navigation titles are now lost, did you have the css to change the colour of these and the folder navs too (screenshot)? Also Just in regard to the cart page, did you have the css applicable to change the logo for this particular page? https://www.core4.com.au/cart Many thanks
  6. Site URL: https://www.core4.com.au/store/trilogy-gabamag Hi there, I need to change the colour of the navigation header on my product page and checkout page as my logo and folder links are white as is the current colour of the nav on these pages. Using Squarespace 7.1, site is live. Many thanks
  7. @RyanDejaegher Are you able to provide the CSS for Gallery Grid: Simple rather than masonary? Many thanks!
  8. Site URL: https://www.core4.com.au/home-1 Hi there, Squarespace 7.1 user. I am trying to make my code block with the 3 results column view for desktop but they are stacking on top of one another. Does anyone know why my code keeps stacking rather than sitting next to each other? Also why the icons arent appearing. Screenshots attached and code below. HTML <div class="content-103"> <div class="container"> <div class="row"> <h2 class="sercies-title">Our Awesome Services</h2> <div class="col-md-4 col-sm-4"> <div class="service-post"> <div class="service-content"> <div class="service-icon"> <i class="fa fa-share-alt"></i> </div> <!-- service-icon --> <h3 class="service-title">Advertising</h3> <p class="service-description">Seitan brunch meh, food truck Wes Anderson quinoa XOXO readymade gastropub gluten-free heirloom wolf skateboard.</p> </div> <!-- service-content --> <div class="service-hover"></div> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-post"> <div class="service-content"> <div class="service-icon"> <i class="fa fa-pencil"></i> </div> <!-- .s-icon --> <h3 class="service-title">Branding Design</h3> <p class="service-description">Seitan brunch meh, food truck Wes Anderson quinoa XOXO readymade gastropub gluten-free heirloom wolf skateboard.</p> </div> <!-- service-content --> <div class="service-hover"></div> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-post"> <div class="service-content"> <div class="service-icon"> <i class="fa fa-lightbulb-o"></i> </div> <!-- .s-icon --> <h3 class="service-title">Creative Marketing</h3> <p class="service-description">Seitan brunch meh, food truck Wes Anderson quinoa XOXO readymade gastropub gluten-free heirloom wolf skateboard.</p> </div> <!-- service-content --> <div class="service-hover"></div> </div> </div> </div> </div> </div> CSS .content-103{ background: #f3f3f3; padding-bottom:50px; } .content-103 .sercies-title{ text-align:center; padding: 50px 0; } .service-post { background: #fff; padding: 30px; text-align: center; cursor: pointer; position: relative; z-index: 12; margin-bottom: 30px; -moz-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08); } .content-103 .service-content { position: relative; z-index: 13; } .content-103 .service-icon { margin: 10px 0 20px 0; width: 50px; height: 50px; border-radius: 25px; text-align: center; border: 2px solid #eb7a5c; margin-left: auto; margin-right: auto; line-height: 50px; -moz-transition: color, 250ms; -o-transition: color, 250ms; -webkit-transition: color, 250ms; transition: color, 250ms; } .content-103 .service-post:hover .service-icon { border-color: #fff; } .content-103 .service-icon i { font-size: 18px; color: #eb7a5c; } .content-103 .service-post:hover .service-icon i { color: #fff; } .content-103 .service-title { font-size: 16px; font-weight: normal; margin-bottom: 15px; -moz-transition: color, 250ms; -o-transition: color, 250ms; -webkit-transition: color, 250ms; transition: color, 250ms; } .content-103 .service-post:hover .service-title { color: #fff; } .content-103 .service-description { -moz-transition: color, 250ms; -o-transition: color, 250ms; -webkit-transition: color, 250ms; transition: color, 250ms; } .content-103 .service-post:hover .service-description { color: #fff; } .content-103 .service-hover { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 0px; background: #eb7a5c; -moz-transition: width, 250ms; -o-transition: width, 250ms; -webkit-transition: width, 250ms; transition: width, 250ms; } /*hover-background-color effect*/ .content-103 .service-post:hover .service-hover { height: 100%; } Thank you
  9. @tuanphan Thanks so much for centering the table!! My other issue is my page margin (apologies i said padding in my last post but i meant margin), and also my font throughout this particular page is reducing. I believe it might be scaling due to my HTML. Please see screenshots that show the difference between my home page and membership page. I am a bit unsure if it is to do with the HTML viewport or if i need to apply CSS to fix the pages dimensions and scaling? Appreciate your help!
  10. Site URL: https://www.core4.com.au/classes Hi there, I have custom CSS and HTML for a pricing table on my site and my site padding and text has been reduced. Can i please get assistance with the HTML as i can't seem to fix this issue. Using Squarespace 7.1 HTML: <html> <head> <meta charset="UTF-8"> <title>Pricing Table</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" > <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" > <link rel="stylesheet" href="style.css"> </head> <body> <section> <div class="container-fluid"> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="card text-center"> <div class="title"> <i class="fa fa-paper-plane" aria-hidden="true"></i> <h2>Basic</h2> </div> <div class="price"> <h4>$25</h4> </div> <div class="option"> <ul> <li> <i class="fa fa-check" aria-hidden="true"></i> 10 GB Space </li> <li> <i class="fa fa-check" aria-hidden="true"></i> 3 Domain Names </li> <li> <i class="fa fa-check" aria-hidden="true"></i> 20 Email Address </li> <li> <i class="fa fa-times" aria-hidden="true"></i> Live Support </li> </ul> </div> <a href="#">Order Now </a> </div> </div> <!-- END Col one --> <div class="col-sm-4"> <div class="card text-center"> <div class="title"> <i class="fa fa-plane" aria-hidden="true"></i> <h2>Standard</h2> </div> <div class="price"> <h4>$50</h4> </div> <div class="option"> <ul> <li> <i class="fa fa-check" aria-hidden="true"></i> 50 GB Space </li> <li> <i class="fa fa-check" aria-hidden="true"></i> 5 Domain Names </li> <li> <i class="fa fa-check" aria-hidden="true"></i> Unlimited Email Address </li> <li> <i class="fa fa-times" aria-hidden="true"></i> Live Support </li> </ul> </div> <a href="#">Order Now </a> </div> </div> <!-- END Col two --> <div class="col-sm-4"> <div class="card text-center"> <div class="title"> <i class="fa fa-rocket" aria-hidden="true"></i> <h2>Premium</h2> </div> <div class="price"> <h4>$100</h4> </div> <div class="option"> <ul> <li> <i class="fa fa-check" aria-hidden="true"></i> Unlimited GB Space </li> <li> <i class="fa fa-check" aria-hidden="true"></i> 30 Domain Names </li> <li> <i class="fa fa-check" aria-hidden="true"></i> Unlimited Email Address </li> <li> <i class="fa fa-check" aria-hidden="true"></i> Live Support </li> </ul> </div> <a href="#">Order Now </a> </div> </div> <!-- END Col three --> </div> </div> </div> </section> </body> </html> I am also having trouble centering the pricing table, can i please get assistance with the CSS to do this? Thanks Kristen
  11. Hi there, I want to setup a reoccuring payment for one program, I was wondering if it is possible to do this on the business plan and have the product linked to Stripe and the recurring payments done through stripe rather than having to upgrade to the Advanced Commerce plan? Thanks Kristen
  12. Hi @tuanphan Site: https://poodle-groundhog-mxm9.squarespace.com/contact PW: password Bottom of page has the widget. Many thanks!!
  13. Hey there, I am having some issue with a booking widget (Timely) being unresponsive on mobile and tablet devices (please see screenshot). Can i please have some assistance with the CSS to fix this? Desktop view is perfect. Template: Brine Thanks Kristen
  14. Hi @Tuanphan https://penguin-orange-95s3.squarespace.com/ password: password123 I will be using a business plan but still on trial at the moment. Many thanks
  15. Hi there, I am trying to move my navigation bar to below my banner on home page and stick on scroll. The look i am trying to recreate: https://harlow.showit.site/ A solution would be much appreciated!!
×
×
  • Create New...