Jump to content

displaynamed

Member
  • Posts

    24
  • Joined

  • Last visited

Everything posted by displaynamed

  1. Hey guys, I'm driving myself nuts..I'm in over my head a little bit but totally determined. I have a team page with some lengthy bios that I'm looking to be able to implement "Read More" buttons for. I replaced the description text blocks with code blocks, pasted some code and script I found from W3 schools (which works beautifully) but I'm running into the issue that all the buttons control the same persons description. I'm not sure if the problem is that the script is in every code block or that I need to differentiate the code blocks or buttons with some sort of class or something? PLEASE HELP
  2. You can write media queries in your custom css area. Basically create 2 alternate image versions 1.) large landscape oriented image that will only display on desktop, hidden from mobile view and 2. a small and vertically oriented one that will display on mobile only and be hidden from desktop view. Then when writing your css media queries, in order to hide them, target each image with its specific block id; using the "display" property with a value of "none" for when you want to hide it. Here is an example: @mobile: ~"only screen and (max-width: 640px)"; @desktop: ~"only screen and (min-width: 900px)"; @media @mobile {#block-yui_replacewithblockidofLargeimage { display: none;}} @media @desktop {#block-yui_replacewithblockidofSmallimage { display: none;}} Also, you may want/need to add an additional query for tablet sizing. Hope this helps!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.