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

kristenblowfield

Circle Member
  • Content Count

    13
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. 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
  2. @RyanDejaegher Are you able to provide the CSS for Gallery Grid: Simple rather than masonary? Many thanks!
  3. 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
  4. @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!
  5. 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
  6. 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
  7. Hi @tuanphan Site: https://poodle-groundhog-mxm9.squarespace.com/contact PW: password Bottom of page has the widget. Many thanks!!
  8. 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
  9. 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
  10. 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...