-
Posts
85 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by 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?
-
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. -
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.
-
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. -
How To Add Image into a Code Block?
IgnitePerth replied to Jordy_TheShop's topic in Customize with code
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; } } -
Hi Art o/ We will need to know the password you created in Settings > Site Availability in order to help
-
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.
- 25 replies
-
- logo
- navigation
-
(and 1 more)
Tagged with:
-
not without some javascript (business plan). The generally accepted layout for menu items that need/want to have an overview is to create that overview page and just place it first in the list/folder. So in your case https://www.stephanilewis.com/television would be the first item listed under the folder "Television". I believe they removed the functionality for clickable folders as it caused issues for mobile users. (don't quote me on that though)
-
Change color of just one hyperlink - how to with CSS?
IgnitePerth replied to ChrisS1980's topic in Customize with code
Try submitted a new post with a link to your site, so that we can help you. -
Can you share you site password for us to take a look?
-
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 }
- 25 replies
-
- logo
- navigation
-
(and 1 more)
Tagged with:
-
Can you share a link to your site so we can take a look?
- 25 replies
-
- logo
- navigation
-
(and 1 more)
Tagged with:
-
I'd love to see what you come up with - really digging your layout!
- 4 replies
-
- summary
- summary-block
-
(and 3 more)
Tagged with:
-
Fiddling with the options for gallery - you could make it 4 items and space the left and right to the sides in order to achieve your offscreen choices - not really an actual slider that is going to show all your posts in a carousel though. Something like this? .sqs-block-summary-v2 .summary-item-list .summary-item:first-child{ margin-left:-150px; margin-right:125px; } .sqs-block-summary-v2 .summary-item-list .summary-item:last-child { margin-left:100px; } .sqs-block-summary-v2 .summary-item-list .summary-item:nth-child(3){ margin-left:50px; }
- 4 replies
-
- summary
- summary-block
-
(and 3 more)
Tagged with:
-
The gallery block has a slideshow reel option that sounds like what you want. The Gallery block has to have images/links manually added to it however - you will not be able to automagically link it to your blog. It would be good in this case if it's just going to show some featured posts - I don't know that I would use it if you are going to have to constantly update it for new/live posts though. For the Gallery you currently have: The css that changes the way the flex items are spaced out is justify-content. You could try changing that to space-around, or space-between. This will use Flex's magic to do it automatically. If this is not what you are after, you would need to rely on setting margins, with something like: /* this only works if there will only be 2 items displayed */ .sqs-block-summary-v2 .summary-item-list >.summary-item ~.summary-item{ margin-left: 150px } /* or using last child */ .sqs-block-summary-v2 .summary-item-list .summary-item:last-child { margin-left:150px; } I'm sure there is a more eloquent selector to use, but this just gives an example to see if it is what you are looking for.
- 4 replies
-
- summary
- summary-block
-
(and 3 more)
Tagged with:
-
Contact form text going invisible on Mac & iPhone
IgnitePerth replied to Ando123's topic in Customize with code
Can you share your site link with us?- 5 replies
-
- design
- squarespace-7.1
-
(and 1 more)
Tagged with: