tuanphan

20 hours ago, mae84 said:

This is the sold product, which i have shown just the 'sold' badge - but on the category overview page, it shows the price under the product still. I want for sale products to show price, and those which are sold to say 'sold' but still appear in this overview. 

Also pls be aware, some artworks on the store depict nudity! 

Don't remove any code in your current code.

Use this code to Custom CSS box

/* Sold on list page */
div.grid-item.sold-out .grid-prices {
    display: none;
}

.grid-meta-status {
    position: relative;
}

.grid-meta-status .sold-out {
    left: 0 !important;
    transform: unset !important;
    right: unset !important;
    position: static !important;
}

section.grid-meta-wrapper {
    flex-direction: column;
}

A member contacted me today, they have same problem, I think it is a bug, you should contact SS customer Care.

Currently I don't see any blocks can integrate with Youtube Video, you try using a 3rd party tool to do this.

For example this widget tool (referral link), it has a free version.

You can create a lot of layout with it

12 hours ago, Bona said:

Yes, correct

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:991px) {
.header-menu-nav-folder[data-folder="root"] {
}

.header-menu-actions.language-picker.language-picker-mobile {
    order: 1 !important;
}

.user-accounts-link.header-menu-nav-item {
    order: 2 !important;
    margin-bottom: 0px !important;
}

.header-menu-nav-wrapper {
    order: 3 !important;
}

.header-menu-actions.social-accounts {
    order: 4 !important;
}

.header-menu-nav-folder-content {
    order: 2;
}

.user-accounts-link.header-menu-nav-item>a {
    margin-bottom: 0px !important;
}
}

Currently I see you haven't added Folder to Services yet. You can add it, then we can test code easier

18 hours ago, Naoms said:

Hi, 

Thank you for sharing these codes! with #2 I was able to have my event listing come in grid format. I removed the event decription as well. However I still needed the event column-info to appear. 
Please help with code to align the info to the left edge of the event pic. 

Thank you very much!

You can use this new code

/* Event list to grid */
@media screen and (min-width:768px) {
div.eventlist {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px 10px;
}

div.eventlist article {
    margin: 0 !important;
    width: 100% !important;
    flex-direction: column;
}

div.eventlist article>* {
    width: 100% !important;
}

.eventlist-column-thumbnail {
    padding: unset !important;
    height: auto !important;
}

.eventlist-column-thumbnail img {
    position: static !important;
}
.eventlist-column-info {
    padding-left: 0px !important;
}
}

10 hours ago, MegaKen said:

Hi can you please tell me where to adjust the height - I am not able to find it.

Thank you!

You can use this code to Custom CSS box. 

body#collection-662706eb09ae990a9dd9f175 .banner-thumbnail-wrapper {
    padding-top: 140px !important;
    padding-bottom: 222px !important;
}

Adjust padding will increase banner height

Can you share link to page? We can check easier

You can edit Section > Choose Colors > Then choose or color theme.

Or if you share link to page, we can use CSS code to change color of specific section.

14 hours ago, Scott_Morrell said:

HELP!  I have a widget that isn't showing well in Squarespace 7.1   Help!  Here is the embedded code I'm using <script type="text/javascript" src="https://be-booking-engine-api.prodinnroad.com/widget/raggedpointinn"></script>
<div id="innroad-widget"></div>

Can you share link to this page? We can check easier

I see you marked as solved. Do you still need help?

On 4/22/2024 at 3:53 PM, sandracheesman said:

@tuanphan the same link as the subject of this message.  Thank you.

On my site https://www.booking.laverriere.com/  I have a new video on the page https://www.booking.laverriere.com/new-page-1 that I eventually would like as my home page and the video as a full page background.  The template is Brine 7.0. 

You can use this code to Website > Website Tools > Custom CSS

body#collection-661ea104077f1a0d6374d932 {
& {overflow: hidden;}
main#page {
    padding: 0px !important;
    max-width: 100% !important;
    width: 100% !important;
}

.html-block {
    display: none;
}

.video-block {
    padding: 0px !important;
}

footer#footer, #preFooter {
    display: none !important;
}
}

On 4/22/2024 at 4:24 PM, Dalves said:

Thank you, Yes its the first section.

I did a quick demo, you can check

https://tuanphan3.squarespace.com/video-sticky-1?noredirect

pass: abc

On 4/22/2024 at 7:37 AM, alchemycreativ said:

Sure! alchemycreativ.co 

No password required to enter the site. Thanks!

You can use this code to Website > Website > Custom CSS

/* nav border */
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    flex: 100% !important;
    flex-direction: column;
    width: 100% !important
}

.header-display-desktop {
    flex-direction: column
}

.tweak-fixed-header .header .header-announcement-bar-wrapper {
    padding-left: 0;
    padding-right: 0
}

.header-nav {
    width: 103.2%;
    border-top: 1px solid #fff;
    padding-top: 0px;
    padding-left: .7vw !important;
    border-bottom: 1px solid #fff !important
}

.header-nav-item--divider {
    padding: .1rem 0;
    border-right: 1px solid #fff !important
}

.header-nav-item:not(:first-child) {
    border-left: 1px solid #fff;
}

div.header-nav-item {
    padding-left: 1.5vw !important;
    padding-right: 1.5vw !important;
}

First, you add a Text Block with plus symbol (use heading 3 or Monospace)

Next, add some text under it

Next, share link to page where you added it, I will give you some JS code to achieve this.

To hide it on Portfolio Sub Pages, you can use this code to WEBSITE > Website Tools > CUSTOM CSS

body.view-item .splash-wrapper {
	display: none !important;
	visibility: hidden !important;
	z-index: -1 !important;
}

You can setup password & share url, we can check easier

If you are using Gallery Grid (Gallery Section), use this code to Website > Website Tools > Custom CSS to adjust size, color..

p.gallery-caption-content {
    font-size: 18px !important;
    color: #f1f;
    font-family: monospace !important;
    letter-spacing: 1px !important;
}

if you are using Gallery Grid (Gallery Block), use this CSS code to prevent text cut off

div.image-slide-title {
    white-space: initial !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

to adjust size, color,... use this CSS code

div.image-slide-title {
    color: #f1f;
    font-size: 20px !important;
    line-height: 20px;
}

Can you share link to page where you use form? We can check easier

On 4/21/2024 at 10:22 PM, Tinxy7 said:

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
  let wmSlider = [{
    staticFirst: false,
    startingSection: 1,
    endingSection: 3,
    sliderTime: 6,
    autoSliderOn: true,
    playPause: true,
    sliderDots: true
  }];
</script>
<script src="https://assets.codepen.io/3198845/WMSlider6520v2-7.js"></script>
<link href="https://assets.codepen.io/3198845/WMSlider6520v2-2.css" rel="stylesheet">

 

This is what is in the 'header' section??

No. I meant you edit Homepage (access your edit mode > click Homepage > You will see an Edit button, click it to edit Homepage) > Edit First Section > You will see a Code Block

Send all code in Code Block, we can check easier

Can you share link to page where you use Grid simple? I think we can use code to achieve this

You mean

(1) Remove arrow

+

(2) Add a "Click here to..." text under Post Title on Blog Post Detail?

https://www.theartistlives.org/draft-blog/the-death-of-a-writer

?

Hi,

Can you share link to page in screenshot? We can check problem easier

You need "and" text

it should be (if your id is correct)

@media only screen and (min-width: 767px) and (max-width:1400px){
#block-93e05d87c6318fa8622d h2 {
	font-size:10px!important;
	letter-spacing:1px!important;
}
}

On 4/21/2024 at 5:56 PM, miketerranova said:

@tuanphan this is what the code looks like, is there a mistake in the syntax somewhere? 

Need 2 }} symbols here, not 1

You can use this code to Website > Website Tools > Custom CSS

/* Show Portfolio without scroll */
@media screen and (max-width:767px) {
div#gridThumbs {
    opacity: 1 !important;
    transform: unset !important;
}
}