Jump to content

Search the Community

Showing results for tags 'forte-template'.

  • 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

Calendars

  • Events Calendar

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

  1. Please, i need to change the links in collection-detail-wrapper of my index gallery to redirects to another place in my web using css maybe? https://plantain-daisy-6tbn.squarespace.com/home
  2. Hey! First time posting here. Using the Forte theme on my website, which runs a slideshow of images as the main background for my homepage and alters the navigation menu to a light or dark theme based on the current slideshow image in order to keep it nice and visible (i.e. if the current slideshow image is a darker one, the navigation menu will appear in white text, switching to black text if the next image is a lighter one). My question is: I've got my logo displayed in one corner of my homepage, and I'd like to cue it to also switch between a light and dark version based on the slideshow. Is there a way to do this, idk... inverting the logo's colour or something? Or uploading two versions of the logo? Open to ideas.
  3. Site URL: https://toniricart.com I've done 2 sites using Forte template. Now I'm trying to do a new one with the same template and I can't find it. Squarespace tells me that I can find it in the list but it isn't there... Any idea?
  4. Similarly to the logo on the coming soon cover page, is there a way to add it to the footer as well? Just a small centered logo below a rights reserved bit of text? Edit: I did it with spacers, but is there a better way?
  5. Hi! I am struggling to figure out how to have an image darken when the mouse hovers over it, rather than lighten to the color of the background. I'm working in the Forte template, into which I Frankensteined some code pieced together from various other forum posts and need some help with how to edit it so that the image darkens on hover(like this: http://demo.squarestud.io/grid-gallery-9). I'm pasting the code in use on the site below. Please help me, this is my first foray into code and I am totally clueless! Code: .sqs-gallery-block-grid .slide .margin-wrapper:hover a.image-slide-anchor { opacity: .4; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; padding: 0em; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; margin-bottom: 0px !important; pointer-events: none; } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { color: #000000; opacity: 0; text-transform: uppercase; font-size: 16px; line-height: 125%; letter-spacing: 3px; margin-bottom: 240px; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { color: #000000; opacity:1; text-transform: uppercase; vertical-align: middle; font-size: 16px; line-height: 125%; letter-spacing: 3px; margin-bottom: 240px; } @media only screen and (max-width: 400px) { .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { color: transparent; opacity: 0; } } header#header { padding-bottom: 20px; }
  6. Site URL: https://forte-demo.squarespace.com/ Hi, this is my first post so be gentle 😊 There are a couple of features that I would like to add from this Squarespace template: https://forte-demo.squarespace.com/ to my own webpage on here. I'd like to make the dropdown menu for "projects" positioned lower and with a small arrow/triangle at the top (I've attached a picture of the menu). Also, I'd like to know how to style the dropdown menu - is this an option on Squarespace? For example, how do I position the list on the left-hand side, rather than the right? This is how mine looks at the moment: I would also like the effect of when you mouseover the top menu, the opacity of the mask covering the image fades in. Thanks so much for your help!! Tomm
  7. Site URL: http://www.GetRealJC.com Hi All, Thanks in advance for any help you can offer. I am using the Forte template, and created a summary page for a listing of my blog posts. However, I cannot seem to figure out how to add a link to older posts so people can see things that don't show up on the first page. No doubt I am overlooking something obvious, but can you help a brother out? :)
  8. Site URL: http://www.edmundstenson.com Hello all, I'm looking to change the colour of my header in my 7.0 Forte template. Is it possible? Any help would be much appreciated! Thanks, Ed
  9. Site URL: https://www.samadamssculpture.co.uk/projects I am trying to edit the style of the index pages on my site. The default in the Forte Template is for full bleed background images that run in a slideshow: https://www.samadamssculpture.co.uk/projects https://www.samadamssculpture.co.uk/bespoke-builds However I would like to change the image format to a carousel, like the one used on the gallery plages of the template: https://www.samadamssculpture.co.uk/gallery-display-desk Is there a way that I can do this in the custom CSS? Thank you!
  10. Site URL: https://monumentreleasing.squarespace.com/config/pages I've looked around in all the forums and tried a lot of different code injections but nothing seems to be able to reduce the white space between the top of the page (logo and navigation bar) and the main content. I've used code where I'm able to add padding below and increase the white space, but putting in negative numbers doesn't reduce the space. I'm using Forte template. h1.logo.image { margin-bottom: 0px; } nav.main-nav { padding-top: 0px !important; padding-bottom: -50px !important; } Attached image below with circle around the space I'm talking about. Thanks!
  11. Site URL: http://www.whiteboxaustin.com Hi, I'm using the theme Forte. At the end of the index slides it is a hard/fast scroll back to slide 1. I would like for it to continue to loop at the same speed as the other slide. Anyone have a fix for this?
  12. I have been trying to make my page in Forte which has a gallery of images full bleed so there is no margin or height limit and the images scroll behind the nav. I can not crack this puzzle and do not understand why my code below is not working in the custom css. slideshow strip main sqs-gallery-design-strip rendered #yui_3_17_2_1_1582988118820_88{ height: 0px; margin-top: 0px;} Attached is how it looks now, and how I want it to look without the margins. Thank you!
  13. Site URL: https://www.juergenhofmann.com/ Hi everyone, I want to move my logo on Forte template further to the top / left corner so it aligns better with the navigation bar. Tried my best with googling the solution but found nothing and I have absolutely no idea how to CSS :( www.juergenhofmann.com Thanks!
  14. Hello, Right now the forte template content width can't go wider than 1200px. How do I make it wider so the images look more bigger and wider? Thank you
  15. Site URL: https://www.adammitchinson.co.uk Hi, I need to hide the description under images in gallery pages, using Forte template in version 7.0. I cannot find any way to edit the description field (yet can edit everything else). (Spent most of yesterday online searching!) I need to keep the title, but NOT the description. I'm just using the description for SEO so it just needs to be hidden. Guess I need CSS code (only found some that removes title & description). Any help would be great! Thanks, Adam.
  16. Site URL: http://artkartavtsov.com/new-gallery I'm tried to change color of left/right arrows, but it turn up too hard for my knowledge of css. And I also want to get the arrows more visible with scaling them more or making them bold of both. Is it possible? Thanks for any help!
  17. Site URL: https://www.samuelprudden.com I'm having an issue with the home page navigation on a Forte site and I'm wondering if anyone could help me troubleshoot it? Here's the site: samuelprudden.com And here's the issue: When you first land on the home page, and hover over the "WORK" menu item a black box appears with the submenu items. The submenu items font color is black and the link underline is white and I can't seem to force the submenu text to be white. To make things more frustrating, when you visit another page and then return to the home page, the submenu items do appear in white. I'm including all the code used on the site for reference below: CUSTOM CSS: /* Set header background colour and add 50px of space below */ #headerWrapper { background: #f5f5f5; padding: 50px 50px 0; margin-bottom: 50px; } /* Remove 50px of colour to allow for 50px of space */ #headerWrapper header { padding: 0 0 50px 0; } /* Remove padding from canvas otherwise header colour will not be edge-to-edge */ body:not(.collection-type-index):not(.collection-type-gallery) #canvas { padding: 0px; } /* Add padding to page wrapper instead */ body:not(.collection-type-index):not(.collection-type-gallery).content-alignment-center .pageWrapper { padding: 0 50px; } /* Gallery pages header bottom no margin on smaller viewports */ @media only screen and (max-width: 768px) { .collection-type-index #headerWrapper, .collection-type-gallery #headerWrapper { margin-bottom: 0px; } } .collection-type-index #headerWrapper, .collection-type-gallery #headerWrapper { padding: 0px !important; margin-bottom: 0 !important; } /***BUTTON + FORM TEXT SIZE STANDARDIZATION***/ .sqs-block.form-block span { font-size: 12px; } .form-wrapper input[type="submit"] { font-size: 12px; } /***FORM STYLING***/ .form-wrapper .field-list .field{ font-family: futura-pt; font-size: 13px; letter-spacing: .5px; } .form-wrapper .title { font-family: futura-pt; font-size: 12.5px; letter-spacing: 2.5px; } .form-wrapper .field-list .field .field-element { width: 100%; padding: 12px; margin: 6px 0 4px; background: #f5f5f5; font-size: 15px; font-family: futura-pt; letter-spacing: 1.1px; line-height: normal; box-sizing: border-box; border-left-width: 2px; border-left-color: #000 ; border-radius: 0px; border-top-width: 0px; border-bottom-width: 0px; border-right-width: 0px; } /***Contact Biz Manager Block Line***/ #block-yui_3_17_2_8_1507060636653_21560 { border-left: 2px solid #000; background-color: transparent; padding: 40px; } /***About Page Line Styling***/ #block-97e5e21e44b779764c24 { border-left: 2px solid #000; margin-left: 20px; padding: 40px; } /***Heading 3 Style Change***/ h3 { letter-spacing: .05em; } /***THICK HORIZONTAL RULE***/ .sqs-block-horizontalrule hr { background-color: #000; padding: 1.5px 0 0px 0; } /***MOBILE ONLY NAV HEIGHT CHANGE***/ @media screen and (max-width: 768px){ #headerWrapper header { padding: 0 0 40px 0, !important; } } /*** gallery plus sign removal ***/ #fullscreenBrowser .slideshow.strip .slide .ctrl-button.resize a { display: none; } /***gallery black background***/ .collection-type-gallery section { background-color: #000; } #fullscreenBrowser .slideshow.strip .image-detail-wrapper { display: none; } /* Gallery pages black background on smaller viewports */ @media only screen and (max-width: 768px) { .collection-type-gallery #fullscreenBrowser, html.mobile-view body.collection-type-gallery #mainContent { background-color: #000; } } /* Gallery pages black background at top of gallery on smaller viewports */ @media only screen and (max-width: 768px) { .collection-type-gallery #fullscreenBrowser, html.mobile-view body.collection-type-gallery #mainContent { margin-top: 20px !important; } } AND THE ADVANCED CODE INJECTION ON THE HOME PAGE <style> body.collection-type-index .color-weight-dark #topNav .folder .folder-child-wrapper ul.folder-child li a { color: #fff !important; } </style> <style> body.collection-type-index .color-weight-dark #topNav .folder .folder-child-wrapper ul.folder-child li a { color: #fff !important; } .collection-title { display: none; } </style> <style> .collection-detail-wrapper { display: none; } </style> <style> .logo a, .logo-subtitle, #topNav .main-nav li a, #sqs-social a, .sqs-use--icon, .sqs-use--mask, #topNav .folder .folder-child-wrapper .folder-child:before, #mobile-navigation a, .ctrl-button a { color: #000 !important; } </style> <style> #sqs-social .sqs-use--icon { fill: #000 !important; } </style> <style> body.collection-type-index .color-weight-dark #topNav .folder .folder-child-wrapper ul.folder-child { background-color: #000 !important; } </style> @paul2009 you helped with a couple of these code snippets back in 2017. Any chance you know what might be going on here? Thanks for your consideration! Sharon
  18. Is it somehow possible to move the position of the hamburger in the forte template? Centered or left for example?
  19. I'm noticing for the Forte template that the slideshow arrow (either the left or the right) remain visible while the slideshow is playing, even if the cursor is closer to the center... It only seems to disappear ONLY if u just enter the page & don't move ur mouse (and also that it's position is not near the left or right arrow)... In Mac, when refreshing the page & then not moving the mouse whatsoever (the cursor will be a black arrow), the slideshow arrows disappear, only to show just the visuals of the photos... If u nudge ur mouse even a little (which turns the cursor from a black arrow to a white glove/hand) then the arrows never go away, unless u refresh again... Anybody find a work-around for this? Also, is it possible to change the style of the arrows? I'd much rather a white-fill arrow with not box containing it. Thanks
  20. Greetings to all ... Unfortunately I have been experiencing a problem for sometime with getting Galleries to scroll either vertically or horizonally on iOS 13.x. I reported this problem a few months ago (when iOS 13 came out) to both apple and to squarespace but I havent been able get a fix yet. Does anybody have some ideas how to get it running properly? If you want to test yourself visit https://thinkbuild.com/soteria-berlin on an ipad running 13.x - or any other gallery on our projects page - and you will see it does not scroll. On an iphone or of course a mac or other machine it works as expected... strange... Any advice or help will be greatly appreciated! Cheers from Berlin, Jason
  21. Does anyone have any code to enable me to not show prices on particular products in a particular catagory. Forte only allow you to add or remove prices for all products
  22. hi, Is it possible to alter the behaviour of Forte's slideshow through custom javascript? Right now the slideshow's autoplay doesn't work very well in combination with the arrows: clicking an arrow right before the transition doesn't reset the slideshow's timer, resulting in 2 transition with almost no delay. All of the template's javascript is compressed, which makes it hard to try and 'override' this with custom javascript. kind regards, Staf
  23. Site URL: https://www.gabrielefranchini.it Hi, I'm using 7.0 Forte template, I have an issue on mobile devices: my business informations (settings > business information) appear in an ugly way on mobile (see attachment), also their useless since I have the same informations in . I don't want to delete them from the business informations since they could be useful for SEO or other things, but I wish to remove them from being visible. Has anyone fixed this problem previously or knows how could I solve it with some custom CSS? I tried the code below, but it doesn't work in my case: .sqs-mobile-info-bar-show-overlay ~ #siteWrapper #header { display: none; } Let me know, thanks, Gabriele.
  24. Site URL: https://kpanitch2021.squarespace.com/ How can I get my 7.1 site to have the exact same functionality as the Forte demo theme in 7.0? My client fell in love with the way the Forte 7.0 theme's header works. (When on dark image- white logo and when on light image- dark logo) I don't want to take my client back to 7.0 because I am almost finished the site. the inversion is the only thing I need to do. can you help please?? the attached image is what I am going for. Forte 7.0 example: https://forte-demo.squarespace.com/ Note: the logo & nav inverts depending on background color.
  25. Site URL: http://camillataylor.com Is there a way to have a unique background image with Forte? I only want a background for me first page, but don't want to have a separate style cover page. The code solution I found on Beaver Hero doesn't seem to work, making only a banner rather than a background.
×
×
  • 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.