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


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

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

  1. Site URL: https://www.nickdavid.co.uk/ Hi, I am having an issue with a custom code. This code is supposed to give me the option to add social icons to the top main navigation bar. The code works well, but with one issue when making the icons open in a new tab. When navigating back to the original Site, the clicked icon is marked with a dotted squared. It disappears again when clicking on other parts of the site. But would like to know if there are any way to remove. I have attached images for example! Here is the code that is injected in the header: <meta name="google-site-verification" content="MZTF-OSAD1RlW6uiJLGfumxXTi6w2gYs9P-qMLsaoAY" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> Here is the code used to make the social icons and make them open in a new tab. This is added directly as the main navigation link. <i class="fab fa-linkedin fa-lg"></i> Thank you for your help!
  2. Site URL: https://www.nickdavid.co.uk/ Hi, I just recently followed this guide to add social icons to the top navigation bar. https://christyprice.com/squarespace-tips-tricks/how-to-add-social-media-icons-to-squarespace-navigation Using this code from fontawsome: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> With this link in navigation meny it worked out great to add the icons to the top menu navigation bar.. <i class="fab fa-instagram"></i> But I was wondering if there was a way to have just the social icons in the top navigation field open in a new tab? Thank you for the help.
  3. Thank you @Derricsrandomviews, but unfortunately I get stuck as far in as secondary navigation, as the Squarespace template does not appear to have that activated which I guess is key for this to work? I belive this is a feature they removed from 7.1 onward? Please let me know if its still a possible way to go around this. Thank you
  4. Site URL: https://www.nickdavid.co.uk/ Hi, I am working on a site which is using Wexley as its base template. The default social icons are only available on the bottom footer where I can move them left/right/center. I wish there was a way to move the footer block to the top right of the site above the header text or alternatively add new set of social icons to the top right of the site. If someone know a good way to insert some code to fix this that would be very helpful. I have attached images for what I am talking about. This only is required to work on the desktop version. Thanks for the help
  5. Site URL: https://www.nickdavid.co.uk/ Hi everyone, I am having a problem with the Lazy Summary Plug in that means to extend your 30 image limit in Summary galleries. Currently it is working on the main page, but is showing images as blurred on other pages. I have tried disabling the plug-in, and that seems to fix the issue. So problem is defenitly with the plug in. This is one of the the pages in question that is showing up blurred. The overview page has the same plug in but so far is working okay, as well as Lifestyle. https://www.nickdavid.co.uk/community Any help is appreciated. I will post answer as well if I find out issue. Thanks!
  6. Hi, /*style title font hover for summary wall block*/.sqs-block-summary-v2 {.summary-title,.summary-heading {font-family: europa;font-weight: 600;font-size: 25px !important;color: #33cccc;text-transform: uppercase; } } The summary wall block title. The one that appears when you hover over image block
  7. Site URL: https://www.nickdavid.co.uk/lifestyle Hi, I am having an issue were I have some text that is on hover in the middle of my picture boxes on my website. The page is Summary: Wall. Currently I am just using text-align: center, but while it is centered on left and right side, it is too far up from the middle. Any quick fix for centering the text properly? .sqs-block-summary-v2 .summary-item:hover .summary-title a { background-color: transparent !important; opacity: 4 !important; color: #000000 !important; position: absolute !important; display: block !important; text-align: center !important; Thank you,
  8. Hi, I was wondering if there was any way to have a Vimeo video autoplay in Summary: Wall? I have know I need to embed a video into a regular page with autoplay feature turned on, but seems like no way to have them autoplay in Summary: Wall? I did add the video in as an embedded file trough gallery, but seems my only option is if there was some code to enable it. Thanks for your help
  9. loueeze Thank you, it seems to work perfectly now. I will go trough this and learn from you so it dont happen again, and knowing what to look for. Your kindness has done a lot today!
  10. Site URL: https://www.nickdavid.co.uk/worknew Hi, I am having some issues figuring out why my code is not actively working on my site. It shows up in the CSS preview as working, but when I exit, non of the changes have taken place. I have tried putting !important on several code to try and force it to work, and I checked if there was any mistype error code. The only reason I can see now is that I have not named something properly. I am currently using Summary: Wall to feature all the images. I am trying to have text hover in middle, with gray hover over gradient and white background for the lightbox pop up. Please let me know if anyone has a an easy answer to why this is not working. Attached is the code and above is the page I am working on /* display title on hover*/ .sqs-block-summary-v2 .summary-item .summary-title a{ background-color: transparent!important; opacity: 0 !important; color: #fff!important; position: absolute!important; left: 0!important; right: 0!important; top: 40%!important; margin-left: auto!important; margin-right: auto!important; } .sqs-block-summary-v2 .summary-item:hover .summary-title a{ background-color: transparent!important; opacity: 4!important; color: #000000!important; position: absolute!important; display: block!important; text-align: center!important; } /*style title font hover for summary wall block*/ .sqs-block-summary-v2 { .summary-title, .summary-heading { font-family: europa !important; font-weight: 600 !important; font-size: 20px !important; color: #33cccc !important; @media (max-width: 640px); font-size: 18px !important; ; } } /*eliminates white space between thumbnails*/ .summary-thumbnail-container, .summary-title { margin-bottom: 0 !important; } .sqs-lightbox-meta{ display: none!important; } .yui3-lightbox2 .sqs-lightbox-slideshow { background-color: white !important; opacity: 1 !important; }
  11. Site URL: https://www.nickdavid.co.uk/overviewtest2 Hi, This is the site page I am working on https://www.nickdavid.co.uk/overviewtest2 the current design has it going gray when hovering over images. I want to make this hover overlay colored. How can I do this? Any help is appreciated.
  12. Site URL: https://www.nickdavid.co.uk/ Hi, I have some custom code that allows title to appear on hover on desktop. I have it currently so the effect is disabled from mobile as it is not necessary or helpful to ave hover there. But, my question is, now the mobile site is showing the title by default on mobile underneath each image. How can I hide title from mobile, but still have my hover effect? Here is the code: @media only screen and (min-width:834px) { .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible { background: transparent !important; } /* increase image transparency on hover */ img.summary-thumbnail-image.loaded:hover { opacity: 100; } /* display title on hover*/ .sqs-block-summary-v2 .summary-item .summary-title a{ background-color: transparent; opacity: 0; color: #fff; position: absolute; left: 0; right: 0; top: 40%; margin-left: auto; margin-right: auto; } .sqs-block-summary-v2 .summary-item:hover .summary-title a{ background-color: transparent; opacity: 4; color: #353535; position: absolute; top: 50%; left: 60%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); margin-left: auto; margin-right: auto; } /*style title font hover for summary wall block*/ .sqs-block-summary-v2 { .summary-title, .summary-heading { font-family: europa; font-weight: 600; font-size: 25px !important; color: #33cccc; text-transform: uppercase; } } /*eliminates white space between thumbnails*/ .summary-thumbnail-container, .summary-title { margin-bottom: 0 !important; } } Thank you for all you help.
  • Create New...