-
Posts
64,861 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by tuanphan
-
-
-
I guess we can add a button block, then use code to when users click on this button, code will click all all audio on page.
-
Hi,
To set each category a different background, you will need to use a custom code. Can you share link to some category? We can check easier
-
On 4/13/2023 at 11:58 PM, twinagers said:
https://www.twin-agers.com/twinspiration-1
this is the desktop version - i would like the arrows to be in similar position for mobile view
Add to Design > Custom CSS
/* Desktop arrows */ .user-items-list-carousel__arrow-icon-holder { align-items: flex-end; }
-
Hi,
Can you share link to page where you use button? We can check easier
-
On 4/13/2023 at 5:36 PM, Gaby_M said:
I'm looking to replace FR | EN | DE | NL
language switchers on my header with a simple V arrow menu. This is a temporary work-around, but still one or other of the options obscures another. Site is live at https://xn--laflnerie-e2a.com/.
I use Shift template.
Thanks in advance for any suggestions.
Add to Design > Custom CSS
ul.cf>li:last-child .folder-parent>a>span:before { content: "\e009"; font-family: 'squarespace-ui-font'; font-size: 18px; } ul.cf>li:last-child .folder-parent>a>span { font-size: 0; }
-
Have you solved it yet? If you still need help, please share link to page in screenshot, we can check easier
-
On 4/13/2023 at 8:34 AM, DomDom282 said:
Thanks for this. I just had this same issue and tried the code but the gap has not reduced. I'm not sure what I've done wrong. This is my page and I'm using V7.0 Brine.
https://www.louisedemasi.com/online-classes
Can anyone suggest what I'm doing wrong?
The page looks fine. Can you take a screenshot of gap?
-
-
Hi,
Can you share link to calendar page? We can help easier
-
Squarespace has an icon library, however you need to use CSS code to declare them. You can see list of icons here
https://tuanphan.squarespace.com/ss-ui-fonts?noredirect
pass: abc
(And many more icons, these are just some of the icons that I have compiled)
-
On 4/11/2023 at 3:41 PM, Boyceterous said:
Yes, exactly! Any ideas how I set a limit on when that happens? 🤔
It is default setting, require a lot of code to make nav appear again,how about change to mobile menu on this screen size?
-
On 4/12/2023 at 1:31 PM, CooperLandingFishingGuide said:
/* Nav menu active link color */
body:not(.tweak-transparent-header) .header-nav-wrapper .header-nav-item--active a {
color: #337ab7;
}/* Basic table styling */
table.minimalistGrey {
width: 100%;
text-align: left;
border-collapse: collapse;
}
table.minimalistGrey td, table.minimalistGrey th {
padding: 5px 4px;
}
table.minimalistGrey tr:nth-child(odd) {
background: #d6cfbd;
}/* Shrink mobile nav menu font */
@media screen and (max-width:767px){
.header-menu-nav-item a {
font-size: 1.3rem;
}
/*and shrink gmap*/
.sqs-block-content > iframe {
width: 330px;
}
}/* Attempt always-full-width banner */
@media screen and (max-width:767px) {
#page section:first-child {
min-height: 32vh !important;
height: 32vh !important;
}
}
/* End always-full-width homepage banner attempt*/Change last code
/* Attempt always-full-width banner */ @media screen and (max-width:767px) { #page section:first-child { min-height: 32vh !important; height: 32vh !important; } }
to this
/* Attempt always-full-width banner */ @media screen and (max-width:767px) { #page article section:first-child { min-height: 32vh !important; height: 32vh !important; } }
-
Can you share link to event page? We can check easier
-
On 4/12/2023 at 3:32 AM, sammy_m-h said:
Hi @tuanphan – I think I am trying to do something similar...
I would like to change the width of the individual blog posts for just one of my blogs. One is the 'News' (PW: Artcoustic) and one is a blog I have used for the 'Projects'. The projects one is a different layout that I would like to keep at full width and I would like to change the width of all content on the 'News' version only.Thanks a lot
Change on list page or list + individual posts?
-
-
Hi,
Can you share link to this page?
-
On 4/12/2023 at 1:05 AM, iamelevenxx said:
I have been having the same issue and I cannot seem to fix it even when using the shared code in CSS. Any advice?
What is your site url?
-
On 4/12/2023 at 12:25 AM, CleverCreativeMavericks said:
Thank you, this is the site link: https://www.cleverbranded.com
I changed the code from _self to _blank, which allowed the About & Social links to open in a new tab but when I click on the project titles, it opens them in a new tab which is something I want to avoid. Is that possible?
Use this code
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('a:not(.passthrough-link)').attr('target','_blank'); }); </script>
-
On 4/11/2023 at 8:26 PM, PierrePauwels said:
Hi,
Thank you for you answer ! I haven't seen this "cover page" option before..😅
This is great ! I'm setting it now. Just one question : I can't find how to set the button to go to the website as i don't know what URL i have to write in..
Have you solved this yet?
On 4/11/2023 at 8:43 PM, PierrePauwels said:I would like to know as well if it's possible to use the logo as the text in the middle of the page ?
In order to not have text but the logo only ..
You mean change text to an image?
What is your site url?
-
On 4/11/2023 at 8:05 PM, BrookeMargherone said:
I'm having this same issue. My announcement bar is huge. No matter how much I change the font and weight, nothing changes. I tried to delete formatting and then Command + A, still nothing changed. Could anyone offer some additional help?
What is your site url? We can help easier
-
On 4/11/2023 at 7:25 PM, amyfinlay said:
Add to Settings > Advanced > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('section#itemPagination').insertBefore('section.blog-item-comments'); }) </script>
-
-
Do you have a desired layout? We can help easier
Pop-up promotion
in Pages & Content
Posted
Use this new code
@media screen and (max-width:767px) { .sqs-popup-overlay-content .sqs-slide { position: fixed !important; bottom: 0 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] .sqs-slice-gallery-item.loaded img { opacity: 1 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] [data-slice-type="gallery"] { display: block !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] { z-index: 1000 !important; } .sqs-slice-group.group-copy.copy-layer-background { z-index: 99999999; background-color: transparent !important; top: 50%; } a.sqs-popup-overlay-close { z-index: 9999999 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slide-layout-id="overlay-center-card-02"] [data-slice-type="gallery"] { width: 100% !important; height: 50% !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .layer-front, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer-content { height: 500px !important; }}