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

Search the Community

Showing results for tags 'bedford-template'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • 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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

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

Found 145 results

  1. Site URL: https://www.wethewell.co Hi, I am currently on the Bedford Template. I have implemented the following code to allow the transparent fixed header at a larger height, but I am needing to have my fixed header turn white or background color when I scroll past the banner. How can I do this? (Site password: scocreativeclient) Current Code in Custom CSS- header#header { position: fixed !important;} #logoImage img { height: 125px !important; max-height: 100%; } .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper { padding: 100px 0 200px; }
  2. Site URL: https://www.windsorcharteracademy.org We need help adjusting our banner on our homepage. In the previous version of our homepage, the padding around our banner was not an issue. With this new banner, the white space above and below is too large. We would like to reduce the padding at the top (between the navigation pane and banner photo) and the bottom (between the banner photo and the beginning of the page text). Any advice is appreciated! www.windsorcharteracademy.org
  3. Hello! I am trying to remove extra space from my custom testimonial index section. As you can see in the image there is a lot of space above and below, is there custom code I can place to fix this? the slug for the page is testimonials-1
  4. Site URL: https://www.onlinekarma.ch/ It would be great if you could enable Ajax Loading (asynchronous JavaScript and XML) aka. Lazy Loading for the Bedford Template. Are there plans to implement this? It would help for page-speed and thus SEO. Thank you.
  5. Site URL: https://sodascarf.com/ Hello! I'm using the bedford template which has a caption on top of the main banner that is based on the SEO description for my site. The text is resizable for desktop and tablet versions via the style editor, but it doesn't seem to work for mobile. I've been doing a lot of looking around online but I can't seem to get it right. I'd love any help on getting the banner text to be larger on mobile devices only, thank you!!
  6. I have been given the task of admin on a site and I am totally unfamiliar with SqSp. (I am otherwise a developer that usually develops on other platforms/CMS's) The issue with the site is that the page is too wide for mobile and causes a chronic amount of horizontal scrolling. The previous developer apparently found a solution by adding the viewport meta tag to the Custom CSS area! {huh??}. While this does fix the horizontal scrolling issue, it introduces an error in the Custom CSS (of course) and then the standard formatting on desktop/laptop causes the #page content to be narrower than it should be. The template in use is Bedford and this is the meta tag code added in the Custom CSS area: <meta name="viewport" content="width=device-width, initial-scale=1"> (I have tried adding this to the 'Advanced' area of Page Settings - and removing it from the Custom CSS, but it has no effect. Still too wide on mobile, but desktop display returns to normal width) I would love it if anyone more familiar with SqSp might be able to point me in the right direction please. I've tried having a look via browser devtools but I can find nothing. NOTE: ** if viewing in a browser, only Chrome emulates the mobile display issue correctly. Firefox does not. The mobile display of the site in SqSp admin also displays correctly. The site is at robe.com.au Thanks in advance if anyone should have a look.
  7. Right now I am trying to recreate an old blog. However I am running into a lot of design problems. First of all it seems like on blog pages you cannot add blocks like you can on normal pages... you can only add posts, Before all the posts i wanted there to be a main paragraph... Not only that, I am not finding any way to edit the style of the posts on the blog list page. For example, I wanted the title to be first, the date to be underneath. Instead of "Read More ->" as text, i wanted it to be a button. There has got to be a way to do something as simple as this?! If i want these little style details am I going to have to make my blog list page as a normal page, and just link to each blog post page manually? Can I make these changes via custom CSS? Any input or advice would be much appreciated!Thanks in advance.
  8. Good afternoon, I have been attempting to increase the logo image size for the mobile view. I have tried several different methods found in the forums, such as the one included below: @media only screen and (max-width: 640px) { #logo { height: 100% !important; max-height: 100% !important; width: auto; max-width: 100% !important; } } The website is: ubcontractor.com I am using the Bedford Template. Would greatly appreciate any help. Thank you so much.
  9. Hi all, I am creating a page about case studies, which follows the style of the blog in the bedform family. We have a custom head banner for each study and when I combine it with the post title, the post title appear in the head banner. I do not need the post title in the head banner, as it does not fit our style and I am using it as H1 anyway. How can I make the post title disappear with custom CSS (either by making the font to 0 or hidding it completely)? Thank you for your help :)
  10. Site URL: https://blog.lifestart.net We're updating our template to Bedford but we have one big issue we want to resolve before going live. On the blog posts, we use images with text as our thumbnail image so we want to remove the title across the banner but keep the thumbnail image across the banner. What code can I inject and where?
  11. Site URL: https://www.jetsetjourneys.com/luxury-for-less/south-african-big-five-safaris-on-a-budget Is there code that will swap the little 'Share' button at the bottom of blogposts in Bedford Template to a list of Social Sharing logos with relevant links? I want to show the Facebook, LinkedIn, Twitter, Instagram, etc, logos with 'Click here to share' written above it so that it's much more prominent on the page.
  12. Site URL: https://www.johnsongillies.co.uk/ Hi there, I am currently running the Bedford template with an injected code to keep the header fixed. The code is as follows: header { position: fixed !important; width: 100% !important; } Unfortunately regardless of this code being used or not, I am having issues with mobile view, specifically mobile view when using the navigation menu from the homepage. The menu will pop out when clicked and will show the tail end of this script: .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper{ padding: 180px 0 155px; } This only occurs on the homepage and the site works perfectly fine elsewhere. I have tried removing any CSS code as well as changing the template to a different one and back to Bedford, however this has made no effect. If someone could take a look for me that would be hugely appreciated! Kind regards, George
  13. Site URL: https://www.crossfitswansea.com/store I've set up a store on my site to sell digital training programs. The thumbnails show up fine on my desktop PC, iMac and android phones but don't appear on my iphone XR using os 13.3 or ipad. I've tried all image formats, jpg, gif, png but none seem to work. Any ideas?
  14. Does anyone know how I can change the banner height on my homepage slideshow banner on the Bedford template? I know this question has been asked a few times. There seems to be codes flying around that will change general banner height, but not the slideshow banner height on the homepage (top banner) specifically. Any help would be amazing, thanks!
  15. Site URL: https://pelitas.com/ Hi, when I use the built in banner functionality in the settings menu, the width of the text box on my full-width banner is nice and wide. However, if I use a gallery block at the top of my page to create a rotating banner the text box width gets narrower and looks terrible (IMO). Anyone have some code I can add to increase the width? Using gallery block: Using settings menu:
  16. Site URL: http://www.keekboudoir.com I cannot figure out how to get my navigation to show on my website, it just shows the drop menu icon and wont change to the words across the top. I'd like to have the words stay across the top and get rid of the side bar menu. Can anyone help me?!?! @tuanphan
  17. Site URL: https://www.waldorfdupage.org/blog Hello! I am a parent volunteer who set up the website for my kids' school. I was updating some things and went into the blog section and realized that the page is doing some really funny things. The titles of the blog posts are gone, and I can see one (the first title/post) floating at the bottom of the page. And when I click on a blog post, the date will move down the page as well. I don't know how this happened and I am trying to see if anyone else has had this issue, or if you know what happened. I included the link to the page so you can see what I am talking about. And here is a blog post link as well: https://www.waldorfdupage.org/blog/2018/10/7/why-waldorf Thanks for your help!
  18. Site URL: https://www.counsellingtorontoteens.com/ Hey there, I'm using the Bedford template and, beside the main Blog I've created a Blog Page in which each team member is a post - so in other pages I can sort them by tags and update easily if they are taking clients and things. The thing is that, when the team member page opens, the thumbnail creates a huge banner image - which is good for the projects in the main blog, but terrible for the team members blog posts. Is there any way to toggle the banner image option off just for this specific blog-page or for specific posts through coding? In case it makes it easier to visualize, my website is the team members blog is https://www.counsellingtorontoteens.com/team-members/ Please help! I've tried a bunch of other custom CSS that I have found online but nothing seems to be doing the trick.
  19. Site URL: http://www.pureimagevideography.com I've been trying to find a css code that can make my logo on my home page larger & place It in the center above the text in the Bedford temp, however I haven't been successful thus far. I found one that moves it slightly to the right & doesn't mess with my navigation bar but I'd really like it to stand out more & be centered. Any suggestions?
  20. Hi All, I am struggling with Parallax on mobile and I wanted to know if there is a line of code I can insert in the header code injection that will enable me to keep the effect on desktop versions of the site. Site in question : www.nicolebarton.co.ukSite Style: Bedford You can see on the mobile version I am getting bars appear on the top / bottom when viewed in the mobile format. I have copied my Parallax code below, which sits in Settings>Advanced>Code Injection <!-- Parallax --> <script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.6.2/rellax.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var targets = '.banner-thumbnail-wrapper #thumbnail img, .index-section #thumbnail img, .index-section:first-child .slide .thumb-image'; if (document.querySelector(targets)) { var rellax = new Rellax(targets, { speed: -3, center: true }); } }); </script> <!-- end Parallax --> Ideally this would be a few lines of code at the end that states if a page is 640px wide then it will disable this particular piece of code. Any help greatly appreciated!
  21. Hello, I'm looking for help with getting a border on the bottom of my banner pictures on every page. I have a used the border for the bottom of the header to butt up against the images, but want to match it on the bottom side. I was using in the custom css but can't seem to find how to add that to apply to the banners. Thanks for any assistance!
  22. Hello I'm really attempting to use a lightbox for gallery set of images. I understand that I can apparently only use a grid gallery to have the images come up in a lightbox when clicked(otherwise I'd love to use a slideshow gallery with no thumbnails). I'm trying to not have too many images on the page so what I'd really like is to only have 1 image to where when it's clicked it goes to the lightbox where you can scroll through this set of images. I'm not having much luck figuring out if there's a way for me to have a single display. I see there is a settings for rows in the settings for the gallery, is there a custom css I could use to limit to only 1 column as well? That way visitors can just click on one image and it'll open up a lightboxed gallery. Thanks for any help anyone can offer!
  23. Hey! Wondering if I could get some code help on the site I design. https://www.zdigital.com/ I want to fix the nav to the top of the page when a user scrolls past the header, turning into a new color. #333333 Could not get the code in other posts to work for me on my site. I already have the following in CSS for other things. Not sure if I would need to change any of It if I'd need to body { text-align: justify }; p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; }; .collection-5e150xxxxx .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper { padding: 120px 0 80px; }; .sqs-block.form-block .form-wrapper input[type=submit], { background-color:#044971; color:#fff} .sqs-block.form-block .form-wrapper:hover input[type=submit], { background-color:#066399;color:#FFF };
  24. Site URL: https://www.nearcreative.co i'd like to make all the logos in the slideshow section even in terms of size and spacing. could someone help with the code? :) nearcreative.co
  25. Hi all, My site if forallhumankind.com I am currently using bedford as my template. Which I like, but I think it takes to long to view my projects. Is there a template you recommend. And would it be easy to transfer from Bedford to it. Thanks! rob
×
×
  • Create New...