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

jgconsult

Member
  • Content Count

    11
  • Joined

  • Last visited

Recent Profile Visitors

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

  1. The lines are on every page on the website but these two specific screen shots are from the home page on https://www.kayladane.com/ (password kdstyletest). Thank you!!
  2. I am using a custom dotted horizontal line for a client's website...and for some reason it is showing up square (as opposed to round) on mobile. When I see the mobile preview on my desktop, the dots are round. However, when I got to the password protected site (as it's not live yet) on my phone, the dots are square. Any thoughts on how to fix this? This is the code I am using to achieve the custom dotted horizontal line. .sqs-block-horizontalrule hr { background: transparent!important;border-top: 5px dotted #868b8b;} Any help would be greatly appreciated!
  3. Thank you so much!!! I really appreciate it!
  4. https://www.kayladane.com/ (password kdstyletest)
  5. I am working on a site for a client and just about everything resized appropriately for mobile, except for this poster block on the home page. I've found a few similar issues on this forum but nothing that fits this description exactly. I have tried the CSS codes in those forums and they did not work for me. So I wanted to see if anyone had a CSS code that might work for this issue? Both the title and the button are not on the image on mobile, and the text does not fit the image. Any suggestions for getting this to look on mobile as it does on desktop would be greatly appreciated! Thank you.
  6. If I added a password could you check it out? It's kdstyletest for www.kayladane.com
  7. Do you think you can still help me without the site being live?
  8. The site is private as it's not live yet
  9. Should this code apply to the following problem? This is an image poster block (on desktop vs. mobile) and I tried this code using the correct block number and nothing happened. The button shows up below the image for mobile and the title doesn't show up at all. Do you have any advice? Let me know. Thank you!
  10. Right now the site isn't live but it's https://www.kayladane.com/ and I'm using Jaunt as the theme
  11. I've been trying to display the title and description of these images in a gallery grid on hover. I've been searching the forums and found some helpful code, but nothing that's exactly what I'm looking for. This is the code I am currently using (see below). It is displaying only the title on hover. I need it to display the title and description on hover. Does anyone have any suggestions? I'd also love the opacity to cover the entire image (right now it covers almost all but just the sliver of the top isn't covered). Let me know if anyone has any suggestions. Thank you! .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 5em; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { background: rgba(240,240,240,0.8); } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-family: sans-serif, futura pt ; font-size: 14px; font-style: bold; text-transform: uppercase; letter-spacing:4px; color: #fff; opacity: 0; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { font-family: sans-serif, futura pt; font-size: 14px; font-style: bold; text-transform: uppercase; letter-spacing:4px; color: #000; opacity: 1; }
×
×
  • Create New...