SJAdesigns
-
Posts
5 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by SJAdesigns
-
-
I have tables generated inside my markdown that don't seem to work in the squarespace accordions, I need it to be in the markdown
-
Site URL: https://www.urbanvoguedayspa.com.au/trial
Hi guys, I'm having issues making my accordion background color change when open, currently it's the opposite of what I want, the colour of the heading changes when clicked, I want the contents of the accordion to change color when clicked. I think I would need to change the script which I don't really know how to do, can someone help? Picture is an example of what I want it to look like
Here's the script:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script>
$(document).ready(function(){
$('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer');
$(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle();
$(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();
$(this).toggleClass('ui-closed ui-open');
});
});
</script>Here's the css:
//markdown block for treatments
.markdown-block p {
margin-left:1.5em;
padding-right: 16px;
}
.markdown-block h3 {
font-weight: 300 !important;}
.markdown-block .ui-closed:before {
content:"+ ";
}.markdown-block .ui-open:before {
content:"- ";
}
.markdown-block {padding:20px;
margin: 0 auto;
width: 100% !important;
}
.ui-open {
background-color: #d2c8c2 !important;}
Logo change after scroll on mobile
in Customize with code
Posted
Hi guys,
Site password 126lilyjoy23
I'd like to change my mobile logo after scroll, I've seen a few forums with this topic and the code hasn't worked for me, can anyone help? the logo I want after scroll: