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

Slimders

Member
  • Content Count

    5
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Site URL: http://flowerwalldubai.squarespace.com Hello, Please could someone help me? I've entered the below custom CSS to stop the 'Welcome to' and 'Flowerwall Dubai' text from overlapping, this works fine on tablet and mobile view but has a large space in between on full screen? I'm not sure what to do now? 😥 @media screen and (max-width: 641px) { body { font-size: 11pt; line-height: 20px; text-align: center;} h1 {font-size: 30pt; padding: 10px; } h2 {font-size: 30pt; font-weight: 400; text-align: center;} h3 {font-size: 16pt} #block-2e9f5306c508fa38a436, #block-yui_3_17_2_1_1579636239796_16990 { top: 100px; padding-top:40px; } #block-yui_3_17_2_1_1579640268463_14758 { top: 30px;} } @media screen and (min-width: 751px) { body { font-size: 11pt; line-height: 20px; text-align: center;} h1 {font-size: 30pt; padding: 10px; } h2 {font-size: 30pt; font-weight: 400; text-align: center;} h3 {font-size: 16pt} #block-2e9f5306c508fa38a436, #block-yui_3_17_2_1_1579636239796_16990 { top: 100px; padding-top:40px; } #block-2e9f5306c508fa38a436 { top: -30px;} #block-yui_3_17_2_1_1579640268463_14758 { top: -50px;} } .Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center; }
  2. Site URL: https://harpsichord-sailfish-4992.squarespace.com/ Hello 🙂 I'm a bit stuck on creating a 'as featured in' section for my website. I have several different sized logo's, but when I add them as images on Squarespace they all get distorted. I want it to look like the attached. I've tried to customise each block but I've made it worse. Is the only solution to make a collage in photoshop or something, and upload it as one image? Thanks in advance!
  3. Hello, Hoping someone can help. I have customised my navigation which works fine on all pages except the blog page - which it covers the top of the post. I have tried what another member recommended in this forum but it didn't work. It temporarily fixes it on the demo site, but not on the actual live website. This is the page: https://yogawithemilyhexham.com/blog I have the following custom code in place: @media screen and (max-width: 640px) { .Footer h3 { text-align: center !important; } .Footer p, h1 { text-align: center !important; } #block-yui_3_17_2_1_1573592583666_35107{ display: block; margin-left: auto; margin-right: auto; width: 40%; } #block-yui_3_17_2_1_1573592583666_40998{ display: block; margin-left: auto; margin-right: auto; width: 40%; } #block-yui_3_17_2_1_1575574235567_13445{ display: none; margin-left: 68px; margin-right: 10px; width: 40%; } h2 { text-align: center;} } b,strong { font-family: 'Libre Baskerville', serif; font-weight: 900; font-style: italic; font-size: 1em; letter-spacing: .2em; line-height: .7em; } /* remove hyphens */ p, h1, h2, h3 { -webkit-hyphens: manual !important; /* remove gray bar on mobile footer */ .Mobile-bar.Mobile-bar--bottom { padding: 0; } #block-yui_3_17_2_1_1574966063081_15230, #block-yui_3_17_2_1_1574967366666_6867 { text-align: center; } -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } .Header { position: fixed; z-index: 9999; width: 100%; -webkit-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); -moz-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); } .Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center;} .Mobile-overlay-menu {width: 100%; z-index: 1;} #block-yui_3_17_2_1_1576006037918_5357 {padding-left:20px; text-align:left; padding-bottom:20px; padding-top:20px; color: #424444!important; textalign:right!important; border-top: 1px solid #E0BAB9!important; margin-top:10px!important; text-transform:none; font-size: 14px!important; letter-spacing:.1em;} span:first-child { display:none; } .quote-block blockquote>span:first-child, .quote-block blockquote>span:last-child { display:none;} figcaption::first-letter { font-size: 0;} #yui_3_17_2_1_1577997923960_436{ padding-top: 150px; }
×
×
  • Create New...