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


  • Posts

  • Joined

  • Last visited

Everything posted by jbryan

  1. Site URL: https://www.johnbryandesign.com/services/ When you open one FAQ question, you cannot close it. Here's my JavaScript: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer'); $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() { $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideUp(); $(".markdown-block .sqs-block-content h3").removeClass('ui-open'); $(".markdown-block .sqs-block-content h3").addClass('ui-closed'); $(this).nextUntil("h3").slideDown(); $(this).toggleClass('ui-closed ui-open'); }); }); </script>
  2. Site URL: http://johnbryandesign.com Is it possible to change the background color of the social icon on hover using CSS with the Circle - Border style? I had in my CSS "fill: white !important background-color: black" but this seems to only change the social media image line color inside of the border. I am trying to create a hover effect to where it changes from Circle - Border to Circle - Solid. I'm not sure how to accomplish this with CSS. Is it possible to make the style change on hover? Thank you! SOLVED: // Color On Hover Social Icons // .social-icons-style-border .sqs-svg-icon--wrapper:hover .sqs-use--icon { fill: #FFFFFF !important; transition: all .7s ease 0s!important; } .social-icons-style-border .sqs-svg-icon--wrapper:hover { background-color: #000000 !important; transition: all .7s ease 0s!important; }
  3. I'm using Squarespace 7.1 is there any way to make just the header navigation button to the"outline" style without changing the rest of the buttons? There's not an option for it in header button so I'm wondering if it has to be CSS. Something like: .header-actions-action .btn { style: outline !important; } Although, this CSS doesn't work of course 🤦‍♂️ Thanks!
  4. No, I was able to replicate that block (not the image behind it). I moved on to practice doing the other blocks and I could not figure out how to get the image in front of the text block and make the text block bigger and change the background of it. I'm in a Squarespace web design course and some of my classmates can't figure it out either! @tuanphan I tried again for another hour trying to figure it out! I think it's an html block brought to the back and then styled by css? 😓
  5. Site URL: http://danbeeshin.com How can I style the image block: "card" to have the photo in front of the card? With changing the background color as well? If this is how they're doing this on their site... Is this HTML and CSS? http://danbeeshin.com Using the Pedro template to recreate this.
  6. Thank you, thank you, thank you! I appreciate this so much! ❤️
  7. I cannot center these two div's side by side in the middle of the page! Please see image. I've been working on this for over an hour and a half now. Could someone please help me with this? I'm not sure what I'm doing wrong. Here's my HTML/CSS code: https://jsfiddle.net/Lsn0roxu/
  8. Site URL: https://teamsterslocal929.org Hello community! I saw this image with a box behind it and I really like the idea of it. How could I incorporate this into my own site? I believe it's HTML/CSS. It seems like you can write text and put icons as well on that colored box. I would like to do this as well. I need help please! Thank you so much, John
  • Create New...