Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

CocosAtelier

Member
 View Profile  See their activity

  • Content Count

    26

  • Joined

  • Last visited

Community Reputation

1 Neutral

See reputation activity

3 Followers

Recent Profile Visitors

96 profile views
  1. JulieHeath started following CocosAtelier
  2. CocosAtelier started following Reduce padding under image overlapping a section and 2 column image stacking on mobile?
  3. CocosAtelier
    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) { div##block-yui_3_17_2_1_1595032695355_20556 .span-12>.row>.col { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1595884548965_230854 .span-12>.row>.col { width: 50% !important; float: left !important; } } Anyone able to assist please? Thank you site: www.cocosatelier.co.uk pass: caview23
  4.    CocosAtelier reacted to an answer to a question: Reduce padding under image overlapping a section
  5. CocosAtelier
    Ah makes sense! Thanks so much! That has worked 🙂
  6. CocosAtelier
    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
  7. CocosAtelier
    @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?
  8. CocosAtelier started following 7.1 Split section in 3, Parallax Scrolling in 7.1 and URGENT: How to divide a section into 3
  9.    ScribblePie reacted to an answer to a question: Change mobile logo color
  10. CocosAtelier
    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
  11. CocosAtelier
    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
  12. CocosAtelier
    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
  13. CocosAtelier started following Change mobile logo color and Overlap images and sections with 7.1
  14. CocosAtelier
    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
  15. CocosAtelier
    @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; } }
  16. CocosAtelier
    Sorry misread this. I will send you the code
  17. CocosAtelier
    @media screen and (max-width:767px) {.header-menu-bg.theme-bg--primary { background: #insertcode !important; ^add your beige hex code here
  18. CocosAtelier
    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 hidden */ div#block-yui_3_17_2_1_1594737404430_275 .image-block-wrapper { overflow: visible !important; } /* overlap image */ div#block-yui_3_17_2_1_1594737404430_273 img { width: auto !important; bottom: -20% !important; top: unset !important; right: 0; z-index: 999; } My website: www.cocosatelier.co.uk password: caview23 Any help would be very appreciated, thank you in advance. Chanel
  19.    CocosAtelier reacted to an answer to a question: BRINE TEMPLATE: Add custom logos to social links
  20.    CocosAtelier reacted to an answer to a question: BRINE TEMPLATE: Add custom logos to social links
  21.    CocosAtelier reacted to a post in a topic: Integrating Google Business Reviews
  22.    CocosAtelier reacted to a post in a topic: 7.1 gallery scroll bar
  23.    CocosAtelier reacted to an answer to a question: Newsletter CSS code
  24.    CocosAtelier reacted to an answer to a question: Change 'Tagged' Label on blog
  25.    CocosAtelier reacted to a post in a topic: Lightbox Form Fill via Image
  26.    CocosAtelier reacted to a post in a topic: Lightbox Form Fill via Image
  27. CocosAtelier CocosAtelier changed their profile photo
  28. CocosAtelier
    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?
×
×
  • Create New...

Support

Community

Developers

Resources