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

Wolfsilon

Circle Member
  • Posts

    167
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hello there, You're probably right in not making images because scaling will certainly cause problems although, the alternative might cause just as many smaller problems... What I would do is write the titles twice, once in the regular font but the second one (the one you want to have the handwritten font) should be in Italics or Bold. 1) Install your handwritten font to your website. 2) Identify the block-ID for each block with the two titles. 3) Target the "em"(italic) or "strong"(bold) and set the font family for it to your custom handwritten font -- adjust the font-size, line-height, weight, and maybe width/height -- You might have to do this for the regular font too. This should help you create two different fonts on one block but you might have word or line wrap problems. You'll have to play around with these but you can also create a pseudo layer to help. Hope this helps, Dan
  2. Hello, Your best option here is to use a media query to change the orientation of the tabs on smaller screens. Since editing code in Codepen won't always work the way it should in Squarespace, a good starting point is this: Add this to your Custom CSS for the block and tweak the settings: @media only screen and (max-width: 640px) { .main-box { flex-direction: column; flex-wrap: nowrap; max-width: 100%; height: 100%; } .box.active { width: 90% !important; } } Best, Dan
  3. Hey, Were you able to fix the issue? You should try again and see if the link description has changed. For me, I see the following. I did like the logo image from before though. Best, Dan
  4. This will require some Custom CSS to achieve this layout. To do this, start by defining the point when you want the layout to switch for mobile devices. For the purpose of this, I'll be using the Squarespace default "640px". #mederi9 { @media only screen and (max-width:640px) { .sqs-col-6 { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto; padding-right: 0 !important; } .sqs-row { display: flex; flex-direction: row; width: 100% !important; flex-wrap: nowrap; align-items: unset; justify-content: center; margin: auto; padding: 0 !important; } .sqs-block-image { display: block; width: 100px !important; } .sqs-block { padding-right: 0 !important; } } } Hope that this helps, Dan
  5. You can use Custom CSS to change the color of the header. To do this, navigate from "Home" > Design > Custom CSS. Insert the code and adjust the background property by inserting the hex color or name of your desired color, if applicable. .Header { background: #000; } Hope this helps, Dan
  6. Hello, With the layout that you currently have, you could simply add the following: .page-section { margin: 5px; } To add some spacing between the sections. -- You might also be able to replicate this layout using the Portfolio page layout and using the settings "hover: overlay", adjusting for one single column, and style within that menu as needed.
  7. Everything seems to be working for me on all: iMac 27" - OS - Big Sur; Chrome, Mozilla, Safari iPhone - Latest iOS (14); Safari, Google Windows 12 - Mozilla, Chrome Samsung Galaxy - Chrome I may be overlooking something but nothing stood out to me on these devices, so if there's a particular example please share a screenshot. Is it just the image appearing out of position for you or other things causing issues on your website?
  8. My results had your website well above the 90% score on gtmetrix. I take it that you were able to optimize your website?
  9. Hello, This pen uses two different "preprocessors" that probably prevent you from getting a working version of it on your website. The two being used here are Haml and CSS Sass. Codepen is great for building pens that work within the online environment but requires a high learning curve for transitioning them to other websites, especially to Squarespace. You can try converting these two formats to standard HTML and CSS using online tools but you may find that the animations no longer work. Also, embedded within this Pen is a plugin script called "modernizr", be sure to include plugin that after you've converted the pen. In the Custom CSS menu for Squarespace, you cannot use "<style>" tags in the manner that you mentioned. You don't need style tags when writing CSS in the Custom CSS tab. Instead, use the Block Identifier extension for Mozilla or Chrome to target the elements you want to apply custom CSS to.
  10. Try: section[data-section-id="60ac2acc4bc21d6a986068b1"]{ min-height: clamp(0px, 56.25vw, 100vh) !important; } or section[data-section-id="60ac2acc4bc21d6a986068b1"] { .page-section { min-height: clamp(0px, 56.25vw, 100vh) !important; } }
  11. Hello, Try this: section[data-section-id="60ac2acc4bc21d6a986068b1"] { min-height: clamp(0px, 56.25vw, 100vh); } Hope this helps! -Dan
  12. Hello, I couldn't see where the button is supposed to be, is it on the home page? I don't see a payment plan section either. Also, this message commonly shows when you have installed it incorrectly or do not have custom javascript enabled on your website. Be sure that you have a Business plan with Squarespace. Custom scripts are only supported in Business or higher plans. If you have a Business plan.... How are you installing the code? Are you using a code block? Sometimes these scripts require that you add portions of it via Settings > Advanced > Code Injection > Header/Footer injection menus. To me, this looks like it could go in the Header Code Injection field. Let us know! Thanks, -Dan
  13. Hello, If you have already downloaded and uploaded the font then you can use the following code to apply the font to the header navigation. @font-face { font-family: "Helvetica-Bold"; src: url(YOUR_FONT_URL_HERE); } .header .header-nav a { font-family: "Helvetica-Bold" !important; } Hope this helps, -Dan
  14. We'll need to take more complex steps because I misunderstood your problem. Start by removing the first half of the code I sent. You still need to independently set the header to be transparent. Worry about the buttons and text later. Using the method below for each page you want a header background to be applied to. Navigate to pages > settings (gear icon) > advanced > Page Header Code Injection. <style> .header{background:"YOUR_COLOR_HERE" !important;} </style> This should update the background color of the header on a specific page. You'll want to tweak the text and button CSS in the Custom CSS menu for each page or add these CSS changes before the closing "</style>" tags.
  15. Hello, I'm sorry to hear about your issue, If I remember correctly, Constant Contact was effected by the SolarWinds hacking attack that took place earlier this year. Apparently (according to your post), still taking place, which is crazy to me. Your site or CC account was most likely accessed because of a leak stemming from Constant Contact. That seems to be the known common denominator here. If your sites server was accessed and not your actual Squarespace account, there's not much you can do and the damage is done, whatever that may be. I would recommend changing your password and enabling two factor verification for your SS account. You should use a trusted authorization app to generate your passkeys. If you have clients hosted or signed up on your site, or use your website, you should notify them. A general rule of thumb for the future -- The more lines of code and injections from third party sources, the higher the risk of being attacked. You didn't do anything wrong here though, as this wasn't in your control. Embedding content is usually safe, unless the source of the embedded app is compromised. In this case, you also should've been notified by Constant Contact about the scope of the attack, when it happened, and what you should do. If not directly notified, there are usually briefs that are made available to users. Hope this helps, and good luck, -Dan
×
×
  • Create New...