-
Content Count
26 -
Joined
-
Last visited
Recent Profile Visitors
-
Daisy_Smith started following CocosAtelier
-
AkankshaK reacted to an answer to a question: Parallax Scrolling in 7.1
-
JulieHeath started following CocosAtelier
-
CocosAtelier started following Reduce padding under image overlapping a section and 2 column image stacking on mobile?
-
2 column image stacking on mobile?
CocosAtelier replied to pashapasha1570048753's question in Coding and Customization
Hi I am having similar issues. I have 4 poster blocks on my homepage which on tablet view I would like to display 2 per row so that they remain square. I have tried the following code but it does not work. @media screen and (min-width:768px) and (max-width:991px) { div#block-yui_3_17_2_1_1595032695355_19528 .span-12>.row>.col { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1595032695355_17174 .span-12>.row>.col { width: 50% !important; float: left !important; } @media screen and (min-width:768px) and (max-width:991px)- 70 replies
-
- mobile
- stack-gallery
-
(and 2 more)
Tagged with:
-
CocosAtelier reacted to an answer to a question: Reduce padding under image overlapping a section
-
Reduce padding under image overlapping a section
CocosAtelier replied to CocosAtelier's question in Coding and Customization
Ah makes sense! Thanks so much! That has worked 🙂- 2 replies
-
- overlapping
- overlap image
-
(and 3 more)
Tagged with:
-
Reduce padding under image overlapping a section
CocosAtelier posted a question in Coding and Customization
Hi all, I have an image card overlapping the hero image on my site. It has left a big space under the image card. Anyone able to help with this? I did try reducing the padding but it won't allow me to put minus figures. Any help with be much appreciated, thank you! site: cocosatelier.co.uk pass: caview23- 2 replies
-
- overlapping
- overlap image
-
(and 3 more)
Tagged with:
-
squarespace-7.1 Change mobile logo color
CocosAtelier replied to ScribblePie's question in Coding and Customization
@media screen and (max-width:767px) { .header--menu-open .header-title-logo a { background-image: url(https://static1.squarespace.com/static/5ef667034be66b3bb1dba158/t/5f0d1d13e4b78a3c9795904e/1594694931664/LogoBeige-01.png); background-size: cover; background-repeat: no-repeat; } } @ScribblePie Is this the code you used?- 5 replies
-
- 7.1
- mobile menu
-
(and 2 more)
Tagged with:
-
CocosAtelier started following 7.1 Split section in 3, Parallax Scrolling in 7.1 and URGENT: How to divide a section into 3
-
ScribblePie reacted to an answer to a question: Change mobile logo color
-
Parallax Scrolling in 7.1
CocosAtelier replied to theokoustas's question in Coding and Customization
Hi all, I have used the updated code by schwartz-edmisten but would like the code to target specific images only and not background images as a whole. Does anyone know how to do this please? Thanks in advance -
Hello all, I am wondering if it is at all possible to split a section into 3? I have managed to split a section into 2 but my code doesn't work if I add another section to ultimately split into 3. Hope that makes sense. Thanks so much in advance, Chanel
- 1 reply
-
- custom-css
- splitscreen
-
(and 3 more)
Tagged with:
-
Hi all, Is it possible for me to split a section into 3? I have split sections in half via the following code: @media only screen and (min-width: 641px){ #collection-5eeab6f63e3c7674efe5c5ea { #page .page-section:nth-of-type(3) { width: 50%; min-height: 100vh; align-items: left; float: right; } #page .page-section:nth-of-type(4) { width: 50%; min-height: 100vh; align-items: right; } } } Any help would be much appreciated. Thanks so much in advance. Chanel
- 8 replies
-
- split page
- splitscreen
-
(and 3 more)
Tagged with:
-
CocosAtelier started following Overlap images and sections with 7.1
-
7.1 OVERLAP IMAGE OVER HERO
CocosAtelier replied to CocosAtelier's question in Coding and Customization
Hi Tuan, Thank you for your help. The diamond link: https://images.squarespace-cdn.com/content/5eea9f18d522a654baa80b9b/1594577282957-FV6G7A5E5K82HZNFQW4H/diamond.png?content-type=image%2Fpng Your code has worked for me but I was wondering if there is a way of locking it into place so it does not shift to another position on any screens? Is that possible? Also how can I make it smaller? I tried to resize it by adding the width but it moved the position also. Thank you so much Chanel -
squarespace-7.1 Change mobile logo color
CocosAtelier replied to ScribblePie's question in Coding and Customization
@media screen and (max-width:767px) { .header--menu-open .header-title-logo a { background-image: url(enter the image url in these brackets); background-size: cover; background-repeat: no-repeat; } }- 5 replies
-
- 7.1
- mobile menu
-
(and 2 more)
Tagged with:
-
squarespace-7.1 Change mobile logo color
CocosAtelier replied to ScribblePie's question in Coding and Customization
Sorry misread this. I will send you the code- 5 replies
-
- 7.1
- mobile menu
-
(and 2 more)
Tagged with:
-
squarespace-7.1 Change mobile logo color
CocosAtelier replied to ScribblePie's question in Coding and Customization
@media screen and (max-width:767px) {.header-menu-bg.theme-bg--primary { background: #insertcode !important; ^add your beige hex code here- 5 replies
-
- 7.1
- mobile menu
-
(and 2 more)
Tagged with:
-
Hi all, I have a little diamond image that I I would like to overlap the hero. You will see the hero image actually has the diamond on it but rather than displaying it that way I would like for the png that I added to overlap that section so it looks better on the parallax. I have this code but can't get it to work. /* remove section bottom padding */ [data-section-id="5ef91d882801f1255c12e37b"] .content-wrapper { padding-bottom: 0 !important; } /* remove overflow h
-
CocosAtelier reacted to an answer to a question: BRINE TEMPLATE: Add custom logos to social links
-
CocosAtelier reacted to an answer to a question: BRINE TEMPLATE: Add custom logos to social links
-
CocosAtelier reacted to a post in a topic: Integrating Google Business Reviews
-
CocosAtelier reacted to a post in a topic: 7.1 gallery scroll bar
-
CocosAtelier reacted to an answer to a question: Newsletter CSS code
-
CocosAtelier reacted to an answer to a question: Change 'Tagged' Label on blog
-
CocosAtelier reacted to a post in a topic: Lightbox Form Fill via Image
-
CocosAtelier reacted to a post in a topic: Lightbox Form Fill via Image
-
CocosAtelier changed their profile photo
-
Banner Image Won't Resize for Mobile View
CocosAtelier replied to TheIDBootCamp's question in Coding and Customization
Hi there I am having the same issue except I would like to extend the size of my background section.... I would like it to be taller so that the text overlapping has more space. Does anyone have the code for me please?- 356 replies