-
Posts
96 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Perth, Australia
Recent Profile Visitors
481 profile views
IgnitePerth's Achievements
-
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; } }
-
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.
-
Hiya cmitchell. Can you drop us a site url? I think you forgot it?
-
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 ; }
-
White background in mobile navigation menu
IgnitePerth replied to techwizard's topic in Customize with code
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); } -
nathan.j.p reacted to a post in a topic: Adding word before price on MAIN product page.
-
@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?
-
THREECATS reacted to a post in a topic: What's the name of the code used to include "extra" info in your SERP result?
-
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; }
-
remove blog title/link from top of blog entry
IgnitePerth replied to stories's topic in Customize with code
-
Text aligned right on web is not center aligned on mobile
IgnitePerth replied to MAC97's topic in Customize with code
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. -
tuanphan reacted to a post in a topic: Hiding a link in footer on specific page
-
bryanmray reacted to a post in a topic: Hiding a link in footer on specific page
-
Hiding a link in footer on specific page
IgnitePerth replied to bryanmray's topic in Customize with code
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!- 1 reply
-
- link
- navigation
-
(and 1 more)
Tagged with:
-
How to make columns equal width & centered?
IgnitePerth replied to kara423's topic in Customize with code
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! ❤️ -
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.
-
IgnitePerth reacted to a post in a topic: Thumbnail Grid Customization: Overlay and caption on hover
-
How To Add Image into a Code Block?
IgnitePerth replied to Jordy_TheShop's topic in Customize with code
** 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.