Jump to content

Search the Community

Showing results for tags 'bootstrap'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 9 results

  1. Hello everyone, I'm new to Squarespace, for the moment I'm doing some tests to see if Squarespace is the best solution for me. I have good skills in web dev (front-end) but by attacking the design of my new website I am facing the first problem and I would need your expert advice. My problem concerns margins and padding because I would like to make a full-width site with full-width sections. Basically, the template that you can see in the attachment was designed under bootstrap but I can't reproduce it with Squarespace. What do you think would be the best way to get a similar layout? Inject css? leave with template, if so which one? Thanks for your help.
  2. Site URL: https://www.automationfinance.com/invest-now-form-for-testing Hi everyone, I'm trying to add the following js and css libraries so I can display a third party modal form: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.5/daterangepicker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.3/js/intlTelInput-jquery.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.3/js/intlTelInput.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.3/js/utils.js"></script> After I added these to the header section (either sitewide or on a specific page), the form actually works as intended, however the page resized smaller (page header and footer are fine). Do you know what could be causing this and is there any way to fix it? Attached is a screenshot of how the page looks like after I inject the code to the page header. Thank you so much for your help!
  3. Site URL: https://jaguar-mango-syyy.squarespace.com/config/ Hi, I would like to know how can I change a specific page with in a template? I'm currently working on trying to add a grid to the homepage under the image slider but when I put anything below it, it becomes part of the universal footer. So, the grid is on every page instead of just the homepage. I've tried to make a static page instead but I can not for the life of me, get the image slider to be full-width and I've tried dozens of solutions and nothing have quite worked. If someone had any experience in fixing or doing either one these problems, any clue to the right direction would be appreciated.
  4. Site URL: https://www.mbc95.org/welcomecenter I am trying to add a Modal with an iframe in it to an external site on my page. I added bootstrap since I am familiar with it using the following code: <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> </head> <body> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> When I add this to the header of the page I am on (https://www.mbc95.org/welcomecenter) is causes the page to shrink the size of the container. The page should look like the main page of the site (https://www.mbc95.org/). Is there anything I can change to correct this? Thank you!
  5. Hey!😄 I would like to add an 'i' button or use an 'i' image for a popover of a description. For example: Swedish Massage (insert 'i' button) *on click, having a popover description of "A light massage that enhances relaxation. These gentle movements are not intended to treat pain or injury."* Can anyone help me out?
  6. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> When I insert above code in the code injection, it makes the flexbox properties work (yay), but causes everything underneath it to change.
  7. Site URL: https://www.stoik-trisula.com/ How to customize site header so the links (Work, contact, etc) are located half of the screen width just like the image below.
  8. Site URL: https://www.takebackyourcareerpodcast.com/coaching Hi there, I am attempting to build a basic storefront on my site. I've inserted an HTML code block and have the following code inserted. The page looks the way I want and functions properly. The only problem is that the block doesn't center with the page. I am having issues with the bootstrap aspect and am unsure what to do to center the column on my page. The entire HTML block is off to the right-hand side of the page instead of being centered. I'd like to be able to add more columns/div sections and ensure they're always centered. Pic attached for reference. Password: boots135 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css"> <link rel="stylesheet" href="https://kajabi-storefronts-production.global.ssl.fastly.net/kajabi-storefronts-production/themes/782852/assets/styles.css?1607200833886045" /> <!-- Section 1 --> <div class="col-md-3"> <a href="https://www.google.com" class="card section--light" style="text-align: left;background: #ffffff;"> <img class="card--img" src="https://news.blr.com/app/uploads/sites/3/2019/06/Coaching-03.jpg"/> <div class="card--body"> <h1 class="card--title" style="font-family:brownmax;" "text-align: center">Coaching — 60 Minutes</h1> <p class="card--description" style="text-align: justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <h1 class="card--price" style="font-family:futura-pt;" "text-align: justify">$99.00 USD</h1> </div> </a> </div>
  9. I added flexbox and bootstrap elements to a page for style purposes and responsive design elements. It worked but caused the footer to change font colors and sizes and changed the mobile display entirely.
×
×
  • 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.