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

sjet

Circle Member
 View Profile  See their activity

  • Content Count

    15

  • Joined

  • Last visited

Community Reputation

3 Neutral

See reputation activity

Recent Profile Visitors

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

  1. sjet started following Removing Overlay on 7.1 Portfolio Hover Background, Code for resizing rather than responsive?, Scroll Down Arrow on Large Format Section and and 1 other
  2. sjet
    UPDATE: On the suggestion of SqS Live Chat support, I changed the banner to an image block. With Tuan's code in place (Design > Custom CSS), the desktop image still gets cropped (client finds any cropping completely unacceptable). Who has an answer for this?! Tuan, On my site, without your code, the desktop banner image renders properly but the mobile gets cropped. When I use your code in Design > Custom CSS, the mobile banner image is correct (image 1, below), but the desktop banner image is cropped (image 2) unless the browser window is pulled into a long rectangle (image 3). Please note, these are not Project Pages! This banner image was added to a blank page. The code has the same effect whether banner image is on the homepage (named Gallery) or on just a plain page (named Gallery Blotto). https://alleycatsphotos.com k1ttyc@T Can you help, please? Thanks!
  3.    sjet reacted to a post in a topic: Banner Image Won't Resize for Mobile View
  4.    sjet reacted to a post in a topic: They did not just removed parallax scrolling in 7.1 did they?
  5.    sjet reacted to a post in a topic: They did not just removed parallax scrolling in 7.1 did they?
  6.    sjet reacted to a reply to a status update: Derrick, Thank you for going to the trouble! FreeFrontEnd has just the arrow style I
  7. sjet

    Derrick, Thank you for going to the trouble! FreeFrontEnd has just the arrow style I want here. I'm using SqS 7.1, which is making it much harder to customize than 7.0. 

    Would you want to make suggestions about HOW to modify their CSS code to make the animated arrow overlay a banner image so that it's near/at the bottom?

    1. derricksrandomviews

      derricksrandomviews

      I will check into that, like you said 7.1 is a bit more stubborn to make changes to. 

  8. sjet
    I need my arrow to overlay my homepage's banner/header image, rather than it being separate/under it and, similarly, Mo94 wants it visible before any scrolling. Are you suggesting that I just add an image section in 7.1 and then paste a gif into it? With all the padding under the banner/header image, I'd be surprised if the arrow would be visible without scrolling first. Concrete suggestions always welcome!
  9. sjet

    I found the site and the code at about the same time that you posted your latest. Thanks!

    1. derricksrandomviews

      derricksrandomviews

      You bet, hope you get exactly what you want from there. 

  10. sjet
    This seems like a great site (FreeFrontEnd.com) with free CSS for all kinds of animated-arrow gifs, including just what I need. https://codepen.io/raf187/pen/BvgGRQ I just don't know why it won't display the arrows on my site. Here is that code, in case you can use it: body{ margin: 0; padding: 0; background-color: #000; } .arrow{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .arrow span{ display: block; width: 30px; height: 30px; border-bottom: 5px solid #06A8FF; border-right: 5px solid #06A8FF; transform: rotate(45deg); margin: -10px; animation: animate 2s infinite; } .arrow span:nth-child(2){ animation-delay: -0.2s; } .arrow span:nth-child(3){ animation-delay: -0.4s; } @keyframes animate { 0%{ opacity: 0; transform: rotate(45deg) translate(-20px,-20px); } 50%{ opacity: 1; } 100%{ opacity: 0; transform: rotate(45deg) translate(20px,20px); } }
  11. sjet
  12.    sjet reacted to an answer to a question: Scroll Down Arrow on Large Format Section
  13. sjet
  14.    sjet reacted to a question: Scroll Down Arrow on Large Format Section
  15.    sjet reacted to an answer to a question: 7.1 Reduce vertical padding between header and gallery section below it.
  16. sjet
    That worked! Thank you!
  17. sjet
    k1ttyc@T
  18.    sjet reacted to a post in a topic: Best Template & Structure for Grid Navigation & Gallery Showing
  19. sjet
    Thank you, I think I solved the problem.
  20. sjet
    That does not work.
  21. sjet
    Site URL: https://alleycatsphotos.com I want to reduce the vertical padding between my home page header and the masonry-grid gallery section below it. I've tried several of the CSS solutions offered here in the Forum, without any effect at all. Can anyone help? Please be explicit in your suggestion, such as Home > Design > Custom CSS. I'm still struggling to learn 7.1. This is a screenshot of the the gallery section from right-click Inspect window. Thank you!
  22. sjet
    Me too. Neither of these code snippets works: NEITHER .portfolio-hover-bg-OVERLAY { display: none} NOR .portfolio-hover-bg-MASK { display: none}
×
×
  • Create New...

Support

Community

Developers

Resources