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

lu.diehl

Circle Member
 View Profile  See their activity

  • Content Count

    120

  • Joined

  • Last visited

  • Days Won

    2

lu.diehl last won the day on November 15

lu.diehl had the most liked content!

Community Reputation

42 Excellent

See reputation activity

1 Follower

Personal Information

Recent Profile Visitors

319 profile views
  1. Highlandspring started following lu.diehl
  2. lu.diehl
    Hi @DaleBoettcherPhoto, the code I wrote before isn't great actually... I would try it differently this time. If you're looking to change it only in one page then add the code below to the page setting > Advanced instead of adding it the general Custom CSS. If you're looking to change it all pages, add it to Design > Custom CSS and remove the <style> tags. <style> @media only screen and (min-device-width: 640px){ .promoted-gallery-wrapper { height: 500px!important; } .sqs-gallery-design-stacked-slide { height: 500px!important; } .sqs-gallery-controls .next, .sqs-gallery-controls .previous{ top: 250px!important; } } </style> Let me know how it looks... if you need further help, please share a link to your website.
  3.    DaleBoettcherPhoto reacted to an answer to a question: Changing slideshow banner height on homepage in Bedford
  4.    cshs_2019 reacted to an answer to a question: Bedford Blog Banner help please
  5.    lu.diehl reacted to an answer to a question: How Do You Center Code Blocks?
  6.    tuanphan reacted to an answer to a question: Adjusting width of dropdown menu
  7. lu.diehl
    Add !important at the end to the color code, it should work. for transparent background: .header-nav-folder-content { background-color: rgba(203,242,246,.6)!important; } for white background: /** SOLID WHITE BACKGROUND **/ .header-nav-folder-content { background-color: #FFFFFF!important; }
  8.    lu.diehl reacted to an answer to a question: Switching the order of blocks for mobile
  9.    AThompson_social reacted to an answer to a question: Brine: Nav to change color after scrolling past Hero
  10.    lu.diehl reacted to an answer to a question: V7.1 Mobile Hamburger Icon Change
  11.    lu.diehl reacted to an answer to a question: Wrong hamburger icon on 7.1
  12.    tuanphan reacted to an answer to a question: How Do You Center Code Blocks?
  13. lu.diehl started following Adjusting width of dropdown menu, HTML comment not working in Markdown block, How Do You Center Code Blocks? and and 5 others
  14. lu.diehl
    I can see you're missing a semicolon ( ; ) in your HTML code after the span style attributes in both blocks. It should read style="color: black;" in the first block and style="color: red;" in the second block. Not sure if this is what is going to fix your problem, I'd have to take a look at your website so if you're still having problems please share a link to your website.
  15.    lu.diehl reacted to an answer to a question: How to remove like button from native template
  16. lu.diehl
    Hi @PMDesigner - I would add PNG images with transparent background with the icons and buttons in white only. Then add a red background to the static images with CSS and a hover effect changing the color. That's super simple to achieve. If you need further help, please share a link to your website and password.
  17. lu.diehl
    They are both the same exact link. Can you explain further what the issue is and what you want to achieve?
  18.    tuanphan reacted to an answer to a question: Brine: Nav to change color after scrolling past Hero
  19. lu.diehl
    Hi @AThompson_social - I've used this in the past and it worked well for me on Brine template: 1. Add this to Settings > Advanced > header code injection: (Change the scroll height you wish to change the color, here it is set to 400 px) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(window).on("scroll", function() { if($(window).scrollTop() > 400) { $(".Header").addClass("on-scroll"); } else { $(".Header").removeClass("on-scroll"); } }); </script> 2. Add this to Design > Custom CSS Change the background color you wish to use. If your navbar is transparent at the starting point, then remove the last piece of code (.Site-inner) .Header{ background-color: blue!important; position: fixed!important; transition: 0.2s all linear; -webkit-transition:background-color .4s; -moz-transition:background-color .4s; transition:background-color .4s; } .on-scroll{ background-color: red!important; } .Site-inner{padding-top: 50px;} Let me know how it goes! Your website is pwd protected... if you want further help, please share the password 😉
  20.    lu.diehl reacted to an answer to a question: Change size of specific image when viewing on mobile
  21.    tuanphan reacted to an answer to a question: Remove banner on mobile site?
  22.    Vaktis_naturbruk reacted to an answer to a question: Remove banner on mobile site?
  23.    tuanphan reacted to an answer to a question: How to remove metadata when you have multiple blog pages
  24. lu.diehl
    Hi @coralinart The lines weight look fine on my end, but if you want to make it thicker, increase the border thickness to 2px: body:not(.tweak-transparent-header) .burger-inner::before, body:not(.tweak-transparent-header) .burger-inner::after { background-color: #FFF!important; border: 2px solid #fff; } I don't understand what you mean by only showing the navigation while it's inactive... isn't it what it is doing? Can you clarify?
  25.    lu.diehl reacted to an answer to a question: Change size of specific image when viewing on mobile
  26. lu.diehl
    @New_Designer try looking for the image block ID. The block ID starts with "block-" followed by a set of numbers, for example: id="block-5a6263c01ea450cffcf0" as shown in the image attached. If you need further help, please share a link to your website 😉 If you use the Google Chrome browser there is this really helpful extension called the Squarespace Collection/Block Identifier which saves me time identifying any block ID in Squarespace. It shows the Squarespace page collection ID and permanent block IDs when you enable it. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
  27.    lu.diehl reacted to an answer to a question: How to tweak spacing between sections on stacked index page
  28. lu.diehl
    You add the code to the blog page you want to remove the metadata, and not to the site wide custom CSS. To do so, go to your portfolio page settings, choose Advanced > Page Header Code Injection and add the code between <style> </style> If you want further help, please share a link to your website 🙂
  29. lu.diehl
    I'm glad you found a solution for the first issue! For the burger menu... If you want to change the background box of the burger menu: .burger { background-color: #FFF!important; } If you want to change the color of the lines: body:not(.tweak-transparent-header) .burger-inner::before, body:not(.tweak-transparent-header) .burger-inner::after { background-color: #FFF!important; }
  30.    lu.diehl reacted to an answer to a question: Changing slideshow banner height on homepage in Bedford
  31. lu.diehl
    Copy and paste the code below to your Custom CSS. Change the height value to what you want. Let me know if this works... .collection-type-page.has-promoted-gallery #promotedGalleryWrapper .sqs-block, .collection-type-page.has-promoted-gallery .promoted-gallery-wrapper .sqs-block, { max-height: 500px!important; } .sqs-gallery-design-stacked-slide { height: 500px!important; }
  32. lu.diehl
    @Emmyk1 can you share a link to your website?
  33. lu.diehl
    Find the unique page ID of the pages you wish to remove the white background. To find the ID, right-click anywhere on the page and choose "view source". Press Ctrl+F or Cmd+F and in search type "body" to locate your body tag. The ID will show right next to body tag and starts with "collection-...". Copy the whole string as shown below. In the code below I'm using your homepage unique ID. Let me know if it works! #collection-5dd16c5c6be9a958a6e8f080 .header-announcement-bar-wrapper { background-color: transparent; }
  34. lu.diehl
    Use either this piece of code to your custom CSS. Use the rgba color if you want to add transparency to the background, adjust the alpha value from 0 (transparent) to 1 (opaque). If you want to use a solid color, use the bottom piece of code and replace the #FFFFFF to the hex color you wish to use instead. /** TRANSPARENT BACKGROUND **/ .header-nav-folder-content { background-color: rgba(203,242,246,.6); } /** SOLID WHITE BACKGROUND **/ .header-nav-folder-content { background-color: #FFFFFF; }
  35. lu.diehl
    can you share a link to your website?
×
×
  • Create New...

Support

Community

Developers

Resources