LoftyDevs-Website-Designer

@tuanphan This is regarding the Event Listing Page. I’m working on adding two buttons to the page and believe I've found a solution. I appreciate your prompt response and support—it means a lot to us.

Hello, I would like to add a second button on my event page that opens a popup widget containing the Eventbrite embed code when clicked. Could you please provide the custom code required to achieve this in Squarespace? Thank you in advance.

Yes, having a dedicated "Developer" permission category would be incredibly helpful for accessing CSS, Advanced Code, and relevant settings.

Hello , I want back button in checkout page. It is possible ? If possible you can share custom code or Optional (third party plugin) for this . Thank you in advance.

In email campaigns, custom CSS is not provided, but you can resize and enhance your logo through the available design settings.

try this code .Header-nav-folder { padding:0px!important; }

hello @Mathias654321 try this code .Header-nav-folder-item:hover { background-color:#cff491; }

Hello @GregOvens try this code @media (min-width: 768px) { #block-yui_3_17_2_1_1714385759270_25383 .a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element { font-size: 1.6rem !important; } }

hello @Mathias654321 using this CSS code .medium-button-style-raised .sqs-block-button .sqs-block-button-element--medium:hover { background-color:#cff491; }

Try this code a.Header-nav-folder-title { letter-spacing: 32px; }

hello @jasonconway Are you utilizing email campaigns? If so, you can set default components. I can provide a screenshot to illustrate how this is done.

try this code using important Properties @media only screen and (max-width: 600px) { .ProductItem-nav .ProductItem-nav-breadcrumb, .ProductItem-nav .ProductItem-nav-pagination { display: block!important; color: black!important; padding: 37px 2px; } }

Try this code in Website tools >> custom css @media only screen and (max-width: 600px) { .ProductItem-nav .ProductItem-nav-breadcrumb, .ProductItem-nav .ProductItem-nav-pagination { display: block; color: black; padding: 37px 2px; } }

hello @JasmineFoster I believe the URL you provided may be incorrect. I have found a potential site that might be relevant: https://theenrichededucator.com/. Please check this link to see if it aligns with your needs.

Hello @VeeBee Please consider using this style option to modify the mobile view I'll send you a screenshot Alternatively, please use this CSS code. .Mobile-menu { background-color: #your-color-code; } .Mobile-menu .Mobile-nav-item { font-size: your-desired-size; /* Example: 16px */ } .Mobile-menu { background-image: url('your-image-url'); background-size: cover; } .Mobile-menu { padding-top: 10px; } .Mobile-nav-item { margin-top: 0; } .contact-button { display: block; padding: 10px; background-color: #your-color; color: #fff; text-align: center; margin-top: 20px; /* Adjust as needed */ } Javascript code <script> document.addEventListener('DOMContentLoaded', function() { var menu = document.querySelector('.Mobile-menu'); if (menu) { var contactButton = document.createElement('a'); contactButton.href = '#contact'; // Adjust link as needed contactButton.textContent = 'Contact'; contactButton.className = 'contact-button'; // Add class for styling menu.appendChild(contactButton); } }); </script>