-
Posts
11 -
Joined
-
Last visited
Reputation Activity
-
JoanGarroway got a reaction from CoorlasArchitecture in Portfolio Page Layouts :(
I totally feel you on this one! Sometimes the default layouts can be a bit uninspiring, and we all want our portfolios to stand out, right? But, as far as I know, Squarespace doesn't officially offer 3rd party portfolio layouts in their marketplace. Those 5 options you see are usually what you've got. It can be a bummer, especially considering the price tag. But hey, Squarespace does have some customization options within those layouts. You can tweak fonts, colors, and content to make it more your own. And there's always the option to add custom CSS if you're feeling adventurous. So while it's not the total freedom we dream of, there are still ways to make your portfolio pop
You're absolutely right. As of now, what you see is what you get when it comes to portfolio layouts in Squarespace. It's a bit of a downer, I know.
You're not missing something, and there aren't many 3rd party options out there. But like the OP-guy mentioned, you can still get creative with the customization tools available
-
JoanGarroway reacted to creedon in Portfolio Page Layouts :(
I am unaware of any 3rd party portfolio layouts but that doesn't mean none exist.
Whatever layouts you are seeing is what you have access to by default.
You are not missing anything.
-
JoanGarroway reacted to Matthew26 in Pin Language Switcher to Header
Thank you Joan! I played around with it and I think it looks great now. I appreciate your feedback and input.
-
JoanGarroway got a reaction from M-Saleck in Pin Language Switcher to Header
Hey, @Matthew26
(Q1) So you want to jazz up that language switcher, right? To fix it to the header and align it with the shop icon, you'll want to tweak the CSS. Maybe play with the 'position' and 'right' values in the CSS. Messing around with 'position: fixed' and 'right: [some pixels]' might do the trick.
(Q2) For a snazzier look, a toggle button with just EN and DE sounds cool
You'd need to modify the HTML and CSS for that. Add a button element and style it in the CSS to your liking. You could replace the 'English | Deutsch' links with buttons styled the way you want.
(Q3) To float it in the bottom left corner, adjust the 'position' and use 'bottom' and 'left' values in the CSS. Making it sticky might involve adding some 'position: sticky' magic. For the hamburger menu, you'd likely need to dig into Squarespace's structure and maybe inject the button there using code.
Keep experimenting, highlight my nickname if you need to spell out specific examples by code👾
-
JoanGarroway got a reaction from Matthew26 in Pin Language Switcher to Header
Hey, @Matthew26
(Q1) So you want to jazz up that language switcher, right? To fix it to the header and align it with the shop icon, you'll want to tweak the CSS. Maybe play with the 'position' and 'right' values in the CSS. Messing around with 'position: fixed' and 'right: [some pixels]' might do the trick.
(Q2) For a snazzier look, a toggle button with just EN and DE sounds cool
You'd need to modify the HTML and CSS for that. Add a button element and style it in the CSS to your liking. You could replace the 'English | Deutsch' links with buttons styled the way you want.
(Q3) To float it in the bottom left corner, adjust the 'position' and use 'bottom' and 'left' values in the CSS. Making it sticky might involve adding some 'position: sticky' magic. For the hamburger menu, you'd likely need to dig into Squarespace's structure and maybe inject the button there using code.
Keep experimenting, highlight my nickname if you need to spell out specific examples by code👾
-
-
JoanGarroway got a reaction from tuanphan in Does anybody know how to create a dropdown menu that covers the whole website
okay ~~
i think creating the dropdown menu involves a combo of html, css, and a dash of javascript
you'll need a basic html structure for your dropdown menu
<nav class="dropdown-menu"> <button class="dropdown-btn">Menu</button> <div class="dropdown-content"> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </nav> now, let's style that menu using css
this is where you'll make it look nice and cover the whole website
body { font-family: Arial, sans-serif; } .dropdown-menu { position: fixed; /* This will make it cover the whole website */ top: 0; left: 0; width: 100%; background-color: #333; /* Customize the background color */ } .dropdown-btn { background-color: #333; color: white; border: none; padding: 15px 20px; cursor: pointer; } .dropdown-content { display: none; /* Hide the dropdown content by default */ position: absolute; background-color: #f9f9f9; width: 100%; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #ddd; } and let's add some java to make the dropdown interactive
const dropdownBtn = document.querySelector('.dropdown-btn'); const dropdownContent = document.querySelector('.dropdown-content'); dropdownBtn.addEventListener('click', function() { if (dropdownContent.style.display === 'block') { dropdownContent.style.display = 'none'; } else { dropdownContent.style.display = 'block'; } }); javascript code makes the dropdown menu appear and disappear when you click the menu button