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

Ahmed77

Member
  • Content Count

    8
  • Joined

  • Last visited

  1. I had to clear my cache/update to the newest version of chrome and it started showing up! Thanks!
  2. Site URL: https://www.thirstforallah.com/en/home Hey all, Any idea why safari on my mac won't show the rounded edges on my summary block. See www.thirstforallah.com/en/home/resources/articles . On my phone all 4 edges are rounded (in chrome - i use android). On chrome on my mac for some reason the bottom left corner is not rounded, but the others are. My CSS coding is as follows: //grid gallery curved edges// .slide.sqs-gallery-design-grid-slide .image-slide-anchor { border-radius: 5px !important; } .sqs-gallery-block-slideshow { border-radius: 5px !important; } .sqs-block-summary-v2 .summary-thumbnail { border-radius: 5px 5px 5px 5px !important; }
  3. I must say @tuanphan you are a legend. Works great for mobile. I am unsure why the hover isn't working in my chrome browser? Do you think my cache/cookies need cleared or something?
  4. Site URL: https://www.thirstforallah.com Hey all, I recently purchased a plugin from squarestud.io and have been having trouble getting support regarding a plugin that causes my navigation links in the header to be underlined upon hover. See Nav Header One - CLICK HERE. This is currently only working on safari and does not work in chrome on my mac, but does work on my mobile in chrome. Any particular insight into what could be changed in the coding that could solve this problem? //Navigation underscore - squarestud.io// nav a:hover { background-size: 100% 0.5px !important; } nav a { padding-bottom: 6px; overflow: visible !important; background-repeat: no-repeat !important; background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important; background-size: 0% 0.5px !important; background-position: 0% 100% !important; white-space: initial; transition: all ease-in-out 500ms !important; -ms-transition: all ease-in-out 500ms !important; -moz-transition: all ease-in-out 500ms !important; -webkit-transition: all ease-in-out 500ms !important; } //End navigation underscore// Additionally, if you are feeling particularly generous, on mobile the underline surpasses the boundary of the link and goes across the whole screen. See below. Really grateful for the help i've received thus far on this forum. Thanks for your help!
  5. Site URL: https://www.thirstforallah.com/en/home/resources/articles Hey all, I'm trying to replace the magnifying glass in a search bar with the logo from my site. I believe I successfully did it, but am not sure how to align it and resize appropriately. The following is my css code: .sqs-search-ui-button-wrapper.color-light .search-input { background-image: url(https://static1.squarespace.com/static/5e8b6752beaf194f7c179f65/t/5efb7d7fcbb31971d517acb1/1593539974063/TFALogoclearico.png); color: #f7f7f7; border: 1px solid #eee; } Any ideas? You can see what I'm talking about here: https://www.thirstforallah.com/en/home/resources/articles Thanks!
  6. This worked BEAUTIFULLY. Thank you for your help!
  7. Site URL: https://www.thirstforallah.com Hey all, currently I have the following CSS applying a gentle fade on all pictures on my site upon hover. I would like to exclude my splash page, as there is a image block there that I do not want fading. img { transition: all ease-in-out 500ms !important; } .sqs-block-image:hover img, .slide:hover img, img:hover { -webkit-filter: brightness(0.7) !important; filter: brightness(0.7) !important; } img { -webkit-backface-visibility: hidden; transform: translate3d(0px,0px,0px); } Rather than manually enter every single collection id prior to the code (I plan on dramatically expanding the site) - how can I apply to all other pages and exclude the splash. This is the collection ID for the splash page: collection-5e8c158b6e74072ae107edaa I'm still learning here. Thanks!
×
×
  • Create New...