Mark.Hook
-
Posts
29 -
Joined
-
Last visited
Community Answers
-
Mark.Hook's post in Make each navigation option text a different colour was marked as the answer
Plug this into your Custom CSS and see if that's what you are looking for... Obviously, you can change the colors in the css to anything you want.
nav.main-nav ul > li:first-of-type a { color: red !important; } nav.main-nav ul > li:nth-of-type(2) a { color: blue !important; } nav.main-nav ul > li:nth-of-type(3) a { color: pink !important; } nav.main-nav ul > li:nth-of-type(4) a { color: orange !important; } nav.main-nav ul > li:nth-of-type(5) a { color: aqua !important; } nav.main-nav ul > li:nth-of-type(6) a { color: green !important; }
-
Mark.Hook's post in Need help changing color of hamburger menu on mobile site was marked as the answer
Plug this into your Custom CSS and see if it does the trick...
.burger-box .burger-inner div { background-color: white !important; }
-
Mark.Hook's post in Looping rotating words - FIX THE WRAPPING was marked as the answer
Ok, sorry for all the responses, but this code should actually work better. It's very similar to what's above, but a bit more sound.
@media screen and (min-width:800px) { .sp-headline.slide span { vertical-align: top; } span.sp-words-wrapper { width: 500px !important; } h6.sp-headline.slide { margin-top: 20px; } .sp-words-wrapper b { white-space: nowrap !important; } }
-
Mark.Hook's post in Mobile-specific homepage background troubles was marked as the answer
Take that out of your Custom CSS. Go to the page settings for your home page and click Advanced. Then paste the below code into that advanced section.
<style> @media only screen and (max-width: 640px){ #page .page-section:nth-child(1) .section-background img {opacity:0 } #page .page-section:nth-child(1) .section-background { background-image: url(https://static1.squarespace.com/static/63dae753e414bb1eb631a600/t/641de9bf1c36f47c6fbfcd08/1679681983588/invisiblehigher.png); background-size: cover; background-position: center; background-repeat: no-repeat; } } </style>
-
Mark.Hook's post in CSS for rounded corners of uploaded videos? was marked as the answer
Put this in the Custom CSS section of your website and see if it does the trick...
.video-player .plyr video { object-fit: cover !important; border-radius: 10px !important; }
-
Mark.Hook's post in Theme is being ignored on Home Page was marked as the answer
For a quick fix, you can try plugging the below code into the Advanced tab of your homepage settings...
<style> @media screen and (max-width: 799px) { .burger-inner > div { background-color: black !important; } .header-menu-nav-folder.header-menu-nav-folder--active { background: #dfd40e; } } </style>
There's a chance your header is set to dynamic background and trying to adjust the background based on the color theme of your first page section. You may take a look at the Header settings > Style and select "Solid"
