Beyondspace
Circle Member-
Posts
10,641 -
Joined
-
Last visited
-
Days Won
80
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Beyondspace
-
Try <script> (function() { window.addEventListener('DOMContentLoaded', () => { const colorArray = ["#003D44", "#096570", "#164487", "#FFFF99", "#2252A0", "#72220D"]; const headerr = document.querySelector('.header-announcement-bar-wrapper'); if(headerr) { const colorRandom = Math.floor(Math.random() * colorArray.length); console.log(colorArray[colorRandom]); headerr.style.backgroundColor = colorArray[colorRandom]; } }); })() </script> Let me know how it works Support me by pressing đź‘Ť if this useful for you
-
Kindly change from .header-nav-item:hover a { color: #f45ec6 !important; } to .header-nav-item:hover > a { color: #f45ec6 !important; }
- 14 replies
-
- color
- navigation
-
(and 1 more)
Tagged with:
-
Search Results Text and Background Color
Beyondspace replied to Deanogrigio's topic in Customize with code
-
Search Results Text and Background Color
Beyondspace replied to Deanogrigio's topic in Customize with code
You can try adding to Home > Design > custom Css .search-results { background: #ccc; } Let me know how it works on your site -
Change font-size of category's titles .products-list .nested-category-title { font-size: 50px; } .products-list .nested-category-breadcrumb-link,.products-list .breadcrumb-separator { font-size: 30px; } .products-list .nested-category-breadcrumb-link { padding: 0 10px; background: rgb(110,216,172); color: #fff !important;; } .products-list .nested-category-breadcrumb-link:hover { opacity: 0.7; } Let me know how it works on your site
-
Blocks in a row won't get smaller to fit?
Beyondspace replied to KaijuCorgi's topic in Customize with code
-
Blocks in a row won't get smaller to fit?
Beyondspace replied to KaijuCorgi's topic in Customize with code
Try adding to Home > Design > Custom Css #block-yui_3_17_2_1_1649279454057_8567 + .row { display: flex; } Let me know how it works on your site -
Two images line up side by side with full bleed
Beyondspace replied to Puremothehoodco's topic in Customize with code
Can you share the direct link to this page? -
How to create vertical timeline in Squarespace
Beyondspace replied to GlynMusica's topic in Customize with code
-
How to create vertical timeline in Squarespace
Beyondspace replied to GlynMusica's topic in Customize with code
Try adding the following code to fix the issue .timeline { padding-left:0; } Let me know how it works -
Search Results Text and Background Color
Beyondspace replied to Deanogrigio's topic in Customize with code
Can you share your site with the protected password so I can take a look? -
Change title font of Gallery Images
Beyondspace replied to LindseyMexico14's topic in Customize with code
Can you share the link to this page, i can not find the block item as you show on the images attached -
Display Text on Gallery Slideshow (7.1)
Beyondspace replied to CHI_Media's topic in Customize with code
Do you mean this test or something else. Can you share some screenshots of your issue? -
Can you share your site with the protected password so I can take a look?
-
Custom socials logo in Mobile dropdown menu
Beyondspace replied to at17c's topic in Customize with code
Try adding to Home > Design > Custom Css .header--menu-open .header-menu-actions-action [href*='instagram'] svg{ visibility: hidden; } .header--menu-open .header-menu-actions-action [href*='instagram'] { position: relative; } .header--menu-open .header-menu-actions-action [href*='instagram']:after { content:''; background-image: url('your.'); background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; display: block; position: absolute; width: 100%; height: 100%; top:0; } change the url with your image Let me know how it works on your site- 2 replies
-
- css
- custom-css
-
(and 2 more)
Tagged with:
-
1. You can go through it by adding Css code via media query Selector @media only screen and (max-width: 767px) { /*style for mobile*/ } @media only screen and (min-width: 768px) { /*style for desktop*/ } 2,3 Kindly share your site with the protected password so we can take a look at your issues? Providing some screenshots could also help a lot
-
How can I change the 'submitting...' form button text?
Beyondspace replied to seonto's topic in Customize with code
section[data-section-id="624bcec43c713c27b2e782d0"] section[data-section-id="624bcec43c713c27b2e782d0"].submitting input.button { visibility: hidden; } section[data-section-id="624bcec43c713c27b2e782d0"] .form-button-wrapper { position: relative; } section[data-section-id="624bcec43c713c27b2e782d0"] .submitting .form-button-wrapper:after { content: 'your word'; position: absolute; display: block; z-index:99999; left:50%; top:50%; background: rgb(155,195,195); padding: 5px; transform: translate(-50%,-50%); } Let me know how it works on your site -
Have products that are on Store page be paid for by donation
Beyondspace replied to IYAMW's topic in Customize with code
Can you share some screenshots of what you want to achieve? -
You can add style based on the width with media query @media only screen and (max-width: 767px) { /*Style on mobile*/ } @media only screen and (min-width: 768px) { /*Style on larger than 768px */ }
-
querySelectorAll is not working on a calendar block
Beyondspace replied to evo99688's topic in Customize with code
Can you share your site with the protected password so I can take a look?- 2 replies
-
- script
- javascript
-
(and 1 more)
Tagged with:
-
I gave some solutions related to the marquee text: Hope that they make sense
- 3 replies
-
- squarespace-7.1
- scrolling
-
(and 3 more)
Tagged with:
-
Changing the Hover Colour in Footer only
Beyondspace replied to BrownKatUK's topic in Customize with code
-
Changing the Hover Colour in Footer only
Beyondspace replied to BrownKatUK's topic in Customize with code
You can try adding to Home > Design > Custom Css #block-f1ef39b8fb9899ecadc0 a:hover { color :#f45ec6; } Let me know how it works on your site