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

VanessaOGFN

Member
  • Content Count

    7
  • Joined

  • Last visited

  1. @tuanphan - now my site is live...I don't want to add wonky code and make it look all weird...is there another way to share with you what I had tried before? Thank you!
  2. I am trying to add my social icon block to my header above my main nav bar so it doesn't crowd the main menu. After wrangling with various code snippets from the forum, I have arrived at this (see attached). You can see that the icons are in black on a white background in a separate bar above my header. What I want to do is to have them float over the header, not push it down, and I want to style them to a lighter gray color. Can anyone help? To get this far, I used Header Code Injection with a code snippet I copied from my social icon block using F12 inspect tools. Thanks!
  3. Hello, I am having trouble fine-tuning my responsive container-embedded Facebook Feed. I am using the Impact (Brine) template on Squarespace. Problem: I want to make the container/feed both wider and taller on desktop view, but let it shrink responsively for smaller screens, tablets, and mobile devices. So far I have not been able to quite figure out how to both make it larger where I want it AND make it smaller where I want it without funky hidden overflow problems. Can anyone point me in the right direction? Thanks!! Vanessa Here is the page in question: https://www.oldgrowthforest.com/latest-news. Here is the code block code I have on that page: 1 <center>2 <div id="fb-root"></div>3 <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3"></script>4 <div class="resp-container-fb">5 <div class="resp-facebook">6 7 8 <div class="fb-page" data-href="https://www.facebook.com/oldgrowthforestnetwork/" data-tabs="timeline" data-width="" data-height="1000" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/oldgrowthforestnetwork/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/oldgrowthforestnetwork/">Old Growth Forest Network</a></blockquote></div>9 </div>10 </div>11 </center> and here is the Custom CSS I have added regarding my container: 1 .resp-container-fb {2 position: relative;3 overflow: hidden;4 padding-top: 150%;5 }6 7 .resp-facebook {8 position: absolute;9 top: 0;10 left: 0;11 width: 100%;12 height: 100%;13 border: 0;14 15 } Sorry, I am also having trouble displaying this code properly!
×
×
  • Create New...