-
Posts
134 -
Joined
-
Last visited
Reputation Activity
-
AndreaDube got a reaction from tuanphan in How to add an underline swipe that changes colour according to the theme of the first section on a given page
Try something like:
.light, .light-bold, .white, .white-bold {.header-nav a::before { content: ''; position: absolute; bottom: -1px; /* Adjust this value to position the underline */ left: 0; width: 0; height: 2px; /* Adjust this value for the underline thickness */ background-color: #000; /* Adjust this value for the underline color */ transition: width 0.3s ease; /* Animation duration and timing function */ } } .dark, .dark-bold, .black, .black-bold {.header-nav a::before { content: ''; position: absolute; bottom: -1px; /* Adjust this value to position the underline */ left: 0; width: 0; height: 2px; /* Adjust this value for the underline thickness */ background-color: #fff; /* Adjust this value for the underline color */ transition: width 0.3s ease; /* Animation duration and timing function */ } } /* Trigger animation on hover */ .header-nav a:hover::before { width: 100%; }
-
AndreaDube got a reaction from madcapcreative in Changing Header Navigation Folder Drop Down Menu Width and Styling?
Try:
.header-nav .header-nav-item--folder .header-nav-folder-content { min-width: auto; }
-
AndreaDube got a reaction from TTaylor in Change Button Color
Insert this into CSS:
a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element { background-color: #yourcolor !important; } -
AndreaDube got a reaction from tuanphan in Change Button Color
Insert this into CSS:
a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element { background-color: #yourcolor !important; } -
AndreaDube reacted to seb-cardcastle in Anchor Links to Another Page Not Working
Thank you AndreaDube! Using the full link made it work perfectly 😀
-
AndreaDube got a reaction from seb-cardcastle in Anchor Links to Another Page Not Working
I think for 7.0 you have to use the entire URL in folder links.
So try https://cardcastle.co/cardbot#cardbot-demo vs /cardbot#cardbot-demo
-
AndreaDube got a reaction from tuanphan in Disable image hover effect in mobile view with CSS
Try
@media screen and (max-width: 833px) { .design-layout-poster .image-card-wrapper { background-color: rgba(0,0,0,.5) !important; } }
-
AndreaDube got a reaction from Wolfsilon in Disable image hover effect in mobile view with CSS
Try
@media screen and (max-width: 833px) { .design-layout-poster .image-card-wrapper { background-color: rgba(0,0,0,.5) !important; } }
-
AndreaDube reacted to ShortAngryViking in 7.1 Anchor Links - FREE!!!!
Hi @rwp is this still available? sorry a bit slow to the party .
-
AndreaDube got a reaction from tuanphan in Seeking help formatting a single bit of text
Try this in CSS:
#block-00875c0b0eb68770e2f8 { h2 { margin-bottom: 0; } p.sqsrte-large { margin-top: 0; letter-spacing: 0.02em; } } Adjust the letter-spacing as needed
-
AndreaDube got a reaction from RTravel in Seeking help formatting a single bit of text
Try this in CSS:
#block-00875c0b0eb68770e2f8 { h2 { margin-bottom: 0; } p.sqsrte-large { margin-top: 0; letter-spacing: 0.02em; } } Adjust the letter-spacing as needed
-
AndreaDube reacted to fleurdelis in Changing Header Navigation Folder Drop Down Menu Width and Styling?
THANK YOU SO MUCH. I've scoured these forums for a code that works, and yours is the only one that has! I genuinely tried at least 15 and was starting to lose faith. Thanks again!
-
AndreaDube got a reaction from tuanphan in How do I get gallery captions to center?
Try:
.gallery-section .gallery-caption p { text-align: center; }
-
AndreaDube got a reaction from oastone in Anchor links scroll too far
Try this:
I simply added the following CSS and it works perfectly:
:target:before {
content:"";
display:block;
height:120px; /* fixed header height*/
margin:-120px 0 0; /* negative fixed header height */
}
-
AndreaDube reacted to BFGS in Anchor links scroll too far
Site URL: https://www.blackfishgoldstudios.com
I've designed a single-page / scroll website with anchor links that jump to page content in the always-present mobile menu. These links are held in the header of each section. When selected from the menu, the page jumps past the selected header and into the section content. Is there a way to make the jump more precise?
I've already tried adding a <span> above the header with the id placed therein. That did not alter the issue.
Much appreciated in advance!