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

ontodont

Member
  • Content Count

    8
  • 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 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!
  2. 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
  3. 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,
  4. 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
  5. 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!
  6. 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; }
  7. 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.
  8. 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...