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

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 123 results

  1. 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
  2. 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 };
  3. 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!
  4. Hi I need to increase logo size in the Bedford template please. Can anyone recommend code please? Many thanks Lesley
  5. Hi, I'd like to increase the width on the sidebar of the Hayden Blog. Any advice? https://www.agoodplacetherapy.com/blog
  6. Can you customize the banner overlay text (font, color, style) on one page only in Bedford template?
  7. Hello! I am using the bedford template. This is my link: https://tuna-koi-f6np.squarespace.com/ I am trying to increase the space of the sides of my nav bar! So my logo and nav links are not so far apart! See image attached! I am not sure if that is adjusting the padding or margin in the css?
  8. I want to change the font in my header navigation. I'm able to do it to each link that is a direct link (i.e., I click on it and it takes me directly to a page), but the items that are drop-down menus on hover don't change. I'm using this code: #headerNav nav a { font-family: 'AspiraWide' !important; } The website is at www.middle.st – It's subtle, but you can see the "Events" and "Contact Us" links are a slightly different font. Thanks!
  9. Hello I'm using the Bedford template and have a one page website with section anchor links up top in the navigation menu. These links work perfectly fine on desktop and iPad. On the iPhone though, the links are hidden in a hamburger menu button and after opening up the menu cannot be clicked. Can anyone help me figure out how to make these links work on mobile? Thank you!
  10. I have a problem with the mobile layout of my site. When it's in desktop mode, it is perfectly fine. However, in mobile layout, it gets unresponsive / there is an extra spacing on the right causing a left-right scroll bar to appear, and the alignment of the page elements to not be in its normal state. I have tried resizing the banner and all (maximum pixel height and width), plus, I also checked the other elements such as card features to see if those are causing the spacing issue. I really cannot solve it and I hope you could help me. The subscribe button below is also not in the middle: Thank you.
  11. 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.
  12. I have added the images I want to my banner, but I have found that they automatically zoom in, making it so that the full image is not available, is there a way to undo this or adjust the scale to show the full image? Here is a thread I found with a similar problem in a different template. Still no answer though.
  13. I'm using Bedford and looking to change both the title (bold) and text (no formatting) that appear in a banner. I'd like to use CSS to do this, because I'm using custom fonts that I uploaded, and they don't appear in the site styles dropdown lists. Thanks in advance! www.middle.st
  14. Hello, I'm having trouble changing the color of the navigation side back background. Circled in Green in screenshot. The black text I have for the nav bar is hard to read on the dark grey side bar. I want to change the Side Bar color. Please help, I can't get it to change in site styles.
  15. I am running my site on the Bedford template. I’m creating a page that has a video for the banner and I want to resize the banner on that page only, to show more of the video. I’ve found various codes on this forum but none seem to be working for me when I put it into the page header code injection of this page. The page is j3athletics.com/landing-page Any help is appreciated.
  16. I know this is not quite normal, but I know there must be a way to do it. I have a few products in a gallery wall on my site, when I click them they pop up into a Lightbox where you can scroll through them. It shows the description along with the image. Does anyone know if it is possible to have an image block somewhere else on the page change as you select different gallery images? I was hoping that along with the gallery image, I could have the gallery descriptions change the contents of some text beside the image. In theory it doesn't seem like it should be all that hard... Any input would be appreciated. Thanks.
  17. Hi there I am looking for some code to lower the position of the text in my Bedford Banner. I have seen this done for the text to be aligned left or right but not for lowering the position. Currently the text blocks the face in the photo. Many thanks for your help. Mark
  18. Hi everyone, I am using the Hayden Template and do not display any overlay titles or texts....therefore the banners are visually quite small in height (especially problematic on desktop). I searched for some solutions and found one with custom CSS to increase the banner height. Works fine but now on mobile the banners are way too high.... Is there a simple way to make my custom css settings to be ignored on mobile? (basically should use the default of the theme)....Or what modifications should I do to my custom css that it looks good.... Currentl I am using following custom css code: .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper{ padding: 600px 0 200px; } Thank you for your support.
  19. Hi all. I have used the code quoted below to allow me to add a gallery to the header of my Bedford Template homepage, but am unhappy with the way the images dim as a result. I have attached a screenshot just to illustrate the difference moving the gallery from the main body of the page to the header makes. Does anybody have any ideas if I can code my way out of this one?
  20. Hello, Firstly, thank you to the various contributors and the community on this forum for the numerous times I've found solutions whilst customising my squarespace website. I'm using the Bedford template, and have created a slideshow banner on the home page. As standard the images and overlaying headings fade in and out. I wanted the text to remain static. I fixed this issue with the below custom css, which works fine when viewing the site on a desktop. However this doesn't fix it when viewing on a mobile device, and the text transitions in and out with the image. Can anyone help me out? Link to site: https://www.candelastudio.co.uk/ Thank you /*Removing fade transition from index gallery */ .sqs-active-slide { opacity: 1 !important; }
  21. 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!
  22. how do I resize the comment box on the blog posts in the Bedford template>
  23. Hiya Does anyone know the CSS code for Banner Heading Text? I've managed to alter H1 and H2 but can't seem to find the codes for the banner fonts. I'm using the Hayden template. Thank you.
  24. I distinctly remember one of the templates allowed the index pages to be displayed as links in the main navigation (sort of like anchor links where clicking on them scrolled down to the section), but cannot for the life of me figure out how to turn on that feature or figure out which template has that feature. I'm currently using Bedford since it allows an index. The choice to display the index pages in the main navigation was in Site Styles. Can someone please tell me which template it was or how to turn it on? Thank you in advance. If you need to view the site (it's still in development): https://terrier-chicory-czwl.squarespace.com/ password: squarespace
  25. I'm trying to create a slideshow banner on my website that rotates through a series of images so that it looks like an animated gif - but I also want to add description text to each image so this rotates through automatically as well. I can't get the desired effect as there is an automated fade in/out on both the images and text. I've seen a post with some custom CSS that removes the transition from the text for web/tablet but not mobile. I haven't found anything that will remove the fade in/out from the image transitions. Ideally I'd like to just place one animated gif as the banner image and have text rotating over the top (without any fade in/out) Example of banner can be seen here - https://www.clairemcleod.com.au/new-index It's just a trial page I'm experimenting with a few things at this stage.
×
×
  • Create New...