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

S74

Member
  • Posts

    21
  • Joined

  • Last visited

Recent Profile Visitors

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

  1. Thanks @tuanphan, I'm still designing the website - and havent got to those pages yet 🙂
  2. I think I've solved this. I placed this code it custom CSS: // Home page - Cloud Image Size // div#block-yui_3_17_2_1_1627525067464_3370 { width: 104vw; position: relative; left: -650px; /*changed depending on padding*/ padding-left: 0 !important; padding-right: 0 !important; } #back { background: no-repeat center center fixed; height: 80vh; } div#block-yui_3_17_2_1_1627525067464_3370 { background-image: url('https://envisionimages.co.uk/wp-content/uploads/2019/03/clouds-png-hd-images-hd-wallpapers-cloud-free-no-onsite-technicians-no-servers-no-computers-at-the-best-price-3543.png'); background-position: 0px 0px; background-repeat: repeat-x; height: 100%; opacity: 0.8; } @keyframes cloud { 100% { background-position: -1900px; } } div#block-yui_3_17_2_1_1627525067464_3370 { animation: cloud 100s linear infinite; }
  3. https://static1.squarespace.com/static/60fe0b14cd76e61f9a397ca8/t/60fe150d9ea4691d98fa166b/1627264274340/Rahera+Creative+Banners_clouds.png I can see the link doesn't look like it works. I loaded the image onto my sight as an attachment then copy the link. It seems to work inside the sight. But to save hassel im happy to use this one instead https://pics.clipartpng.com/Big_White_Cloud_PNG_Clipart-865.png
  4. I tried this and it helped a little, but the clouds are still at the bottom of the banner and I would like the to go over the center of top. // Home page - Cloud Image Size // div#block-yui_3_17_2_1_1627264387252_6900 { width: 90vw; position: relative; left: -350px; /*changed depending on padding*/ padding-left: 0 !important; padding-right: 0 !important; }
  5. Site URL: https://raheracreative.squarespace.com/ Password: studio@raheracreative Hello, Im still in the process of designing this webpage, but I want a image to scroll pass at full width. I tried to use a modified version of this code: https://codepen.io/heymagruder/pen/pbKgGj , on the home page top banner. The image however isn't showing as full width. I want the clouds to float by with no edges showing. I have used my own cloud image https://static1.squarespace.com/static/60fe0b14cd76e61f9a397ca8/t/60fe150d9ea4691d98fa166b/1627264274340/Rahera+Creative+Banners_clouds.png This is the code I used in a code block on the home page: <div id="back"> <div class="cloud"></div> </div> <style> #back { background: no-repeat center center fixed; height: 50vh; } .cloud { background-image: url('https://static1.squarespace.com/static/60fe0b14cd76e61f9a397ca8/t/60fe150d9ea4691d98fa166b/1627264274340/Rahera+Creative+Banners_clouds.png'); background-position: 0px 0px; background-repeat: repeat-x; height: 100%; opacity: 0.8; } @keyframes cloud { 100% { background-position: -1900px; } } .cloud { animation: cloud 100s linear infinite; } </style> And this is the code I used in the custom CSS // Home page - Cloud Image Size // div#block-yui_3_17_2_1_1627264387252_6900 { padding-left: 0; padding-right: 0; max-width: 100%; } sorry if its butchered - still learning.
  6. Site URL: https://screenworx.squarespace.com/ Password: studio@screenworx Hello Im trying to get this Codepen https://codepen.io/plavookac/pen/qomrMw to work...but I think im missing a few steps. I have placed the HTML in the Advance>Code Injection (header) and the CSS in the Design>Custom CSS. I would also like to take out the "PURE CSS SIDEBAR TOGGLE MENU" banner.
  7. Hi @tuanphan It looks great on the SEO page thank you! But on the photography landing page the text falls onto two lines rather then one. Is the a way to get it onto one line? (your amazing by the way) studioseventyfour.com/photo-video-landing-page
  8. Thanks @tuanphan I will look into those issues! I appreciate your help. I'm still having trouble with the glitch code though. I'm not sure how to add padding to the top and bottom of the text, also if the text goes onto two lines it doesn't sit right. I'm using the code below:
  9. It has been solved! I used this code instead: /* Nav item color */ .header-nav-item a { border-radius: 25px; color: #702F8A !important; background-color: fade(#FFFFFF, 50%) !important; padding-right: 15px !important; padding-left: 15px !important; } .header-nav-folder-content .header-nav-folder-item a{ color:#fff !important; } /* Nav item hover color */ .header-nav-item a:hover { color: #008A94 !important; } .header-nav-folder-item a { color: #ffff !important; background-color: #702F8A !important; padding: 5px !important; } .header-nav-folder-item:hover a { color: #259ea7 !important; } /* Nav item active color */ .header-nav-item--active a { color: #008A94 !important; }
  10. I am also having the same problem. I went through your list and the customer support team sent me to the Troubleshooting browser issues (https://support.squarespace.com/hc/en-us/articles/115004581087) page. Im at a loss of what to do. The rest of the site is fine, it's just the Nav that's playing up. Here is my code for reference: /* Nav item color */ .header-nav-item a { border-radius: 25px; color: #702F8A !important; background-color: fade(#FFFFFF, 50%) !important; padding-right: 15px !important; padding-left: 15px !important; } /* Nav item hover color */ .header-nav-item a:hover { color: #008A94 !important; } .header-nav-folder-item a { color: #ffff !important; background-color:#702F8A !important; padding: 5px !important; } .header-nav-folder-item:hover a { color: #259ea7 !important; } /* Nav item active color */ .header-nav-item--active a { color: #008A94 !important; } // Folder Menu Color // .header .header-nav .header-nav-item--folder .header-nav-folder-content { border-radius: 25px; background-color: #702F8A; }
  11. Site URL: https://exmedcancercharitabletrust.squarespace.com/ Heres an odd one... I used code to style my nav and when im in the custom CSS block it looks exactly how I want it, But when im out of the custom CSS the colours change. I have double checked the colours on the style page and made sure to put important after my code...but I can't figure out the problem. any ideas? https://exmedcancercharitabletrust.squarespace.com/ Password: studio@exmed
  12. @tuanphan If I wanted this glitch effect for the "SEO SERVICES" text, what should I do? Thanks https://www.studioseventyfour.com/seo-landing-page
  13. A solution that worked for me was to hide the prices and write the price directly on the image. I then included the price in the description. https://www.japachomes.co.nz/house-and-land-for-sale //CSS Hide Price// .sqs-money-native, .product-price {display:none;}
  14. Site URL: https://www.japachomes.co.nz/house-and-land-for-sale Squarespace has a price limit for products set to $1M. I'm looking to remove this price limit from my website. I have set up a website for my clients' realty listings, but some of the listings are more than 1 million dollars. My client wants the house prices to be displayed in the main store, but Squarespace limits the price amount to anything under 1 million. At the moment I have the price set to “POA” and the price written in the description. Is there a code to have prices over $1M display in the main store?
  15. Im interested in this question too. Dose anyone have a result?
×
×
  • Create New...