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


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Alan-Squareflair last won the day on September 19 2019

Alan-Squareflair had the most liked content!

About Alan-Squareflair

  • Rank
    Squarespace Expert

Personal Information

Recent Profile Visitors

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

  1. I'm looking for an answer too @ss_qstns. (I'm testing the third example now.) Ping here if you nailed it!
  2. If you're still kicking Background Video tires before jumping into the pond (mixed metaphor error) ... I just wrote a blog post: "(BEFORE YOU) BACKGROUND VIDEO" http://www.squareflair.com/videos/before-you-background-video
  3. @imagelashwood @jessgThe code that was provided above works, but you'll need to also add the following: I made the logo sit 15% from the left (instead of 10%); Probably still needs work on mobile. — specifically, the MOBILE NAV LINK should be moved to the right (opposite the logo). The template has it on the LEFT by default. You also need to !important the text alignment too. (to override it fur-sure) /* Make logo -go-left- */ #header #logoWrapper, #header #siteTitleWrapper { position: relative; left: 15%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); text-align: right !important; } #header #mainNavWrapper .index { margin: 0 0 0 12px !important; text-align: right !important; } There's a gap added by the template to "punch a hole" for the logo to appear in the middle, and make the navigation flow around it. It's basically just inline margin values added. Set those to ZERO by overriding the margins. #mainNavigation div.collection { margin: 0 !important; } #header #mainNavWrapper { text-align: right !important; } ALMOST THERE... the menu is now hugging too-far to the right. Add a little positioning to the right side of the menu (#header #mainNavWrapper)... #header #mainNavWrapper { text-align: right !important; right: 10%; }
  4. @uma looks like you're adding an unnecessary link in your script. Also it will be much easier to test if you use relative (instead of absolute) links to pages. Instead of linking to "http://www.evoqueventures.com/destinations" ... just link to "/destinations". Try this: <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(function() { $('.main-nav li a').each(function() { if ($(this).text() == 'Destinations') { $(this).attr('href','/destinations'); $(this).attr('onclick','true'); }}); }); </script> (if it was mangled, here's an image)
  5. Cool! Because I need one of these too. :)
  6. You could turn sound on (on a background video you typically want to keep the audio off – and it's coded this way intentionally). You can also turn off the looping of the video— making it only play once. These things are all possible, but then it wouldn't be a "background" video. It would just be a video. So – yes! Entirely possible.
  7. @jnunez429 Are you using the Social Icon Block? (see http://help.squarespace.com/guides/using-the-social-links-block ) ... you can change colors within those settings. If you're aware of that, please switch to "dark" color, and I'll inspect it again. THX Also please clarify— you're wanting all icons to be the same color too? Or did you want to control individual icon's colors? THX
  8. *or also try:.squarespace-social-buttons .ss-social-button-list a { color: #777777 !important; }
  9. @jnunez429 (I'm only looking at the CSS on the Squarespace Native demo, which doesn't display Social Icons) but if I had to guess I would start with: .squarespace-social-buttons a { color: #777777 !important; }
  10. *by saying video won't load in iOS, I mean it won't load in the background. In iOS, background video acts like a regular inline video with a play button, which kills the whole idea.
  11. Don’t use an animated gif. That’s a very bad idea. This can be done with video, but there’s many steps to make it work correctly. (example below) Key Points: The video filesize needs to be small enough that it will load without too many glitches. The video won’t load in iOS, so you need to detect and use overrides for the tablet/mobile experience. There are varying formats, depending on which browser is loading the content, so a good rule of thumb is to encode MP4, OGV and WEBM formats and make them all available within your code. If you’re wanting to use this on an existing Squarespace template, depending on the template being used, there will be a good amount of customization involved. Example Site: Feld Direct
  • Create New...