MAIAgt

Correct, but we decided to remove the social links altogether in the footer, so you can ignore the above request. Thanks again Tuanphan for the assistance!

Wow, @tuanphan this is fantastic, you as always are such as huge help. Could I ask you one more question? We also have our social media icons in our footer and I would like to remove this fourth and final social icon so that it does not appear in the footer. Would you be able to assist with this?

Site URL: https://celery-dodecahedron-pa4f.squarespace.com/ Hello. I have received a lot of great help on this forum and am hoping to find an answer to the following question. We are on Squarespace 7.0 and we have social link icons in our header. I am looking to customize the final social link icon in our header, which is currently linked to our Spanish version of the website and whose icon currently therefore shows a link. It would be fantastic to be able to customize just that one final social link icon to be a larger box of the opposite color and the text ESP within it. Or, be able to add an image to that final social link icon, where I could then upload a custom created image of "ESP" (while also making that final social link icon bigger than the other 3 icons). Is this possible with code? Any help would be really appreciated. Site: https://celery-dodecahedron-pa4f.squarespace.com/ Password: Xolbe

Sorry about that, here's the URL: https://chinchilla-blueberry-7thn.squarespace.com/our-team and the PW: Xolbe

Site URL: https://clover-viola-yfne.squarespace.com/our-team Hello. I am looking to edit drop down buttons I have, but my knowledge of code just isn't up to par. I have the drop down tabs created via CSS, added a header code injection script to make them clickable, and added in some custom CSS to edit them a bit more. What I would like to be able to do is click on one of the tabs and have it show a photo of that team and the names, then be able to click another tab and have it do the same. Can anyone assist in the CSS to be able to add in photo/text? Site: https://clover-viola-yfne.squarespace.com/our-team PW: Xolbe CSS CODE in Code Block: <div class="tabs-container"> <button class="tab-btn" id="tab-1" onclick="tabOneClick()"> Impact School </button> <button class="tab-btn" id="tab-2" onclick="tabTwoClick()"> Socioemotional Programs </button> <button class="tab-btn" id="tab-3" onclick="tabThreeClick()"> Selection & Project Impulso </button> <button class="tab-btn" id="tab-4" onclick="tabFourClick()"> Project Launch </button> <button class="tab-btn" id="tab-5" onclick="tabFiveClick()"> Administration </button> <button class="tab-btn" id="tab-6" onclick="tabSixClick()"> Fundraising & Comms </button> </div> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown CSS CODE in Design > Custom CSS .tabs-container{ transform:translateY(10%); width:100% !important; text-align:center; border-bottom: 0px solid #999; overflow: auto; overflow-x:auto; white-space: nowrap; z-index:99; } .tab-btn{ max-width:280px; display: inline-block; border-radius:1px 1px 0 0; border:px solid #011E40; padding: 5px 10px; font-size:0.9em; background:#f5f5f5; margin-bottom:none !important; border: !important; border-color: #011E40; &:not(:first-of-type){ margin-left:10px; } } .tab-btn.active{ background:lightgrey; }

Thanks tuanphan, this worked great! I changed the div#page to the #block and it works like a charm. You're the best!

Certainly. I'm a bit new to this, so I hope this works. Let me know if you're unable to access: Password: Xolbe22 The code/section in question is on the home page.

Site URL: https://hen-shallot-83dt.squarespace.com/ Hello, I am looking to tinker with and edit the "Caption Overlay on Hover" code on a images in a website not currently published (https://hen-shallot-83dt.squarespace.com/) I would like the text in the overlay on hover to be larger and white and was looking to find a way to make the overlay cover the entire photo and not just a portion of the photo, as seen in the screenshot: This is the code I found online and am currently using: .image-caption-wrapper { top: 0 !important; padding-top: 10% !important; background: rgba(1,30,64,0.7) !important; text-align: center; pointer-events: none; } .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper strong { color: white; font-size: 12px !important; } It helps somewhat - it moved the overlay to the top and let me change the background color. Can't seem to get the text color/font or overlay size to work though. Any help would be greatly appreciated!

Almost, we are hoping to put "Convocatorias" directly underneath the social icons, if possible as a button, almost as if it were another social icon button but with its complete text. Our thought is this would free up some space in the navigation bar so that it is not as crammed. Would you have any suggestions for this?

Site URL: https://www.maiagt.org/ Good morning, I am curious as to whether you can add a custom button below the social media icons. Ideally we would love to have the "Convocatoria," which is currently a title in the navegation, to be its own, medium sized button and placed just below the social media icons. I have attached a screenshot of what it currently looks like: Here is the website: https://www.maiagt.org/