Jump to content

IgnitePerth

Circle Member
 View Profile  See their activity

  • Posts

    96

  • Joined

  • Last visited

 Content Type 

Everything posted by IgnitePerth

  1. IgnitePerth
    Hi JJMB, If you can provide us with a link to your site we can have a look and find you a solution.
  2. IgnitePerth
    Hi there cmitchell o/ I think maybe you have set the colour to black "inline", so the div you are trying to colour is actually a span inside the h1. Try this: @media only screen and (max-width:767px){ #block-yui_3_17_2_1_1721856297377_4355 span.sqsrte-text-color--black{ color:white; } }
  3. IgnitePerth
    I'm not sure we can do that (we are just talking about the facebook one, yeah?). I think the issue is in the different ways that youtube and facebook implement their embed. I am not aware of a way to correct this without introducing additional framing as you cannot directly affect divs inside of an iframe. Maybe placing a coloured "card" (text box with backround colour) behind them could be a simpler solution? I mocked one up using the podcast background color from further up the page.
  4. IgnitePerth
    Hiya cmitchell. Can you drop us a site url? I think you forgot it?
  5. IgnitePerth
    Hi Dr Carol o/ How's this? #block-yui_3_17_2_1_1721669213816_50220 iframe, #block-yui_3_17_2_1_1721669213816_48466 iframe{ border-radius: 25px ; }
  6. IgnitePerth
    Hiya Techwizard. Something like this? #collection-668338bf3cb9af7dc7bd962c .header-menu-nav-folder-content{ background-image:url(https://images.squarespace-cdn.com/content/v1/6683389cb0f1a371708ef572/bc3b01c0-ac34-4d97-b08a-acdb3319c852/s+%282%29.png); }
  7. IgnitePerth
    @davidmenke Alot of the other posts on this issue mention the use of bancamp embeds. The embed has options to display tracklists, merch thumbnails, large or small album art and would mean you only need to manage the Album at its source (Bandcamp). Without knowing your exact use case, it is hard to offer solutions though. Do you have a specific use case you'd like help recreating in 7.1?
  8. IgnitePerth
    have you tried the below solution from @tuanphan? This is a more specific version of the linked post, for your use case. It adds a margin left to account for the actual, hidden, width of the block - which makes it appear off center. Someone else may have a better solution but I think this will get the job done: a.blog-more-link { visibility: hidden; } a.blog-more-link:before { content: "See More"; visibility: visible; text-decoration: underline; margin-left:8ch; }
  9. IgnitePerth
    Edit the Blog Post Section > Settings Show Categories
  10. IgnitePerth
    You can fix this by going into Mobile view in the editor and aligning the blocks. Your blocks all start on grid column 2 (slightly to the right) in this section. Grab each block and center it on the page. Your current position is grid-area: 2/2/5/10 I think you want: grid-area: 2/1/5/10 Once you have your blocks centered, you can just choose to center align the text.
  11. IgnitePerth
    Hiya Threecats! Do you mean Google's Structured Data snippets? This is the code that helps google provide rich results in google search pages. https://developers.google.com/search/docs/appearance/structured-data/sd-policies
  12. IgnitePerth
    Hi Bryan! This code will hide that block on the /creativedept page. Place it in Design > Custom CSS #collection-61df4e8c1d5fe5308320fc63 #block-0a3136bbbf1ee3dfabe8 { display:none; } Let us know how you go!
  13. IgnitePerth
    Hi Kara, It looks like it's because of the way you have added the spacers. I would either; add spacers left & right of all columns (you do not have one left of the first column; or remove the spacers, and use flex-box to spread the columns evenly (this would be the most responsive way of achieving your goal. For option 2, remove all the spacers and try the below code: #page-61e7db92aaec125829bddaf9 > .sqs-row ~.sqs-row{ display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between } You can play with justify-content to see which kind of spacing you prefer. I'd go with space-around, or space-between. https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content Let us know how you go! ❤️
  14. IgnitePerth
    Hiya Bish, You can add styles in a code block within that page, between <style> tags, rather than using the Custom CSS area. It is not considered best practice, but it will work. If you want any specific help I'd start a new post so people can find, and help you.
  15. IgnitePerth
    ** the above also assumes there is a reason you cannot just code a normal HTML element in to these cards/pricing tables for the images.
  16. IgnitePerth
    Hi Jordon, I'd probably go with pseudo elements. The below example assumes the same logo/icon for each block, but you could swap out the block id's for the class used below (custom-pricing-table) in the actual pseudo element. ie: create a ::before element for every different logo/table In the below example the outline is for reference only, so you can easy identify where the element is. Play around with the sizing/padding to match your icons/logos. .custom-pricing-table{ position:relative; padding-top:100px; } .custom-pricing-table::before{ content:""; position:absolute; width:20%; min-width:80px; aspect-ratio:1 / 1; top:0; left:0; background-image:url("https://upload.wikimedia.org/wikipedia/commons/c/c5/Squarespace_Logo.png"); outline:red 2px solid; background-size:cover; } }
  17. IgnitePerth
    Hi Art o/ We will need to know the password you created in Settings > Site Availability in order to help
  18. IgnitePerth
    Hi Margmorg - you absolutely can choose right aligned - the option just isn't very intuitive. When you select edit site header, on the right hand side of your screen, you get a popup menu. The initial settings tab is for GLOBAL. Select the monitor icon for Desktop. The options you are looking for are in there.
  19. IgnitePerth
    In order to apply that code only to desktop, place your code inside a media query. @media screen and (min-width:768px) { The above code goes inside here }
  20. IgnitePerth
    Can you share a link to your site so we can take a look?
  21. IgnitePerth
    Sorry about your experience. Can you provide a link to a website that has the Ssquarespace layout/functionality you expected? Maybe we can offer solutions using 7.1?
  22. IgnitePerth
    As an addition to the above, if for some reason you ABSOLUTELY cannot share a site link, play with the header-title margin-left value. a value of around 50% should place the logo somewhere near the middle, but again without seeing your site we cannot see what other elements you have in the header to know. .header-title { margin-left: 50%; }
  23. IgnitePerth
    A simple solution without seeing your site or it's code is to set the logo to be on the left with menu right and then change the flex box to allow the logo to rest up against your menu. Try this to see what you get: .header-title-nav-wrapper{ flex-grow: 1; flex-shrink: 0; margin-left:auto; } .header-layout-nav-right .header-nav { margin-left: unset !important; } .header-nav { flex-grow: unset !important; } .header-title { margin-left: auto; } The only way to get a logo that sits exactly in the middle with your nav items wrapping to the right is to change a lot of the code/styles - which as has been mentioned above, would require a shared link to your site.
  24. IgnitePerth
    try the below in Design > Custom CSS .product-price::before { content: "from"; } if you wish to style the word "from" further you can do so inside that same rule. eg: .product-price::before { content: "from"; font-size: .9rem; color: #A3826C; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources