-
Posts
35 -
Joined
-
Last visited
Personal Information
- Website
-
Location
FL
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
Inspirerd's Achievements
-
Inspirerd started following Target last visible element , Push to Google Console/Yelp and Push to Google Search Console
-
Inspirerd reacted to a post in a topic: Help with Affiliate Links for Images!
-
Beyondspace reacted to a post in a topic: Help with Affiliate Links for Images!
-
Hi @melaniejaane! I found in the jQuery documentation that it says that the `:last` selector selects the last matched element. I think that means the last instance that matches the selector, and thus only one item. I was going to recommend the `last-child` selector, but just in case the `last-child` is hidden, here is a better solution. This selects the last one for the tag section of each summary item (actually the last tag of each tag section). <script> $(function () { $('.summary-metadata-item--tags').each(function() { $(this).children('a:visible:last').addClass('mk-last-visible') }) }); </script> Hope this helps!
-
Inspirerd started following Customize with code , SEO and Images & Videos
-
tuanphan reacted to a post in a topic: How to Create File Folder Style Navigation
-
Sidebar css code to change background color in FIVE theme
Inspirerd replied to TonyGoedde's topic in Fonts, colors and images
Hey @TonyGoedde! Could you share a link to your website so I can debug why the code didn’t make any changes? -
Inspirerd reacted to a post in a topic: How to Create File Folder Style Navigation
-
How to Create File Folder Style Navigation
Inspirerd replied to JZoeller's topic in Customize with code
@JZoeller Here you go! Feel free to increase the padding on the buttons (`.header-nav-item`) or ask me to, if you want them bigger. (The first padding `10px` is vertical and the second `20px` is horizontal.) @media screen and (min-width: 768px) { .header-nav-item { border: solid 1px var(--navigationLinkColor); border-bottom: 0; padding: 10px 20px; position: relative; } .header-nav-item--active.header-nav-item--active.header-nav-item--active>a { background-image: none; } .header-nav-item--active::before, .header-nav-item--active::after { content: ""; position: absolute; bottom: 0; border-bottom: solid 1px var(--navigationLinkColor); width: 100000px; width: 100vw; } .header-nav-item--active::before { right: 100%; } .header-nav-item--active::after { left: 100%; } .header-title-nav-wrapper { align-items: flex-end; } .header-announcement-bar-wrapper.header-announcement-bar-wrapper { padding-bottom: 0; } .header-title-logo { padding-bottom: 0.6vw; } } -
How to Create File Folder Style Navigation
Inspirerd replied to JZoeller's topic in Customize with code
Hey @JZoeller! Here is the first draft to show you the concept. Feel free to nitpick and tell me all the adjustments you want (should the line touch the image, should there be more space between the logo and the line, should the links have bigger boxes?) Make sure to take a look at how it behaves when you scroll the page. Here is the code (it only applies this style to desktop/not to mobile). @media screen and (min-width: 768px) { .header-nav-item { border: solid 1px var(--navigationLinkColor); border-bottom: 0; padding: 10px 20px; position: relative; } .header-nav-item--active.header-nav-item--active.header-nav-item--active > a { background-image: none; } .header-nav-item--active::before, .header-nav-item--active::after { content: ""; position: absolute; bottom: 0; border-bottom: solid 1px var(--navigationLinkColor); width: 100000px; width: 100vw; } .header-nav-item--active::before { right: 100%; } .header-nav-item--active::after { left: 100%; } .header-title-nav-wrapper { align-items: flex-end; } } -
How to Create File Folder Style Navigation
Inspirerd replied to JZoeller's topic in Customize with code
Hey @JZoeller! Wow that looks cool! I’m willing to take a stab at it. Could you share a link to your website so I can make code for your template/style? (If it’s password protected, please include your password.) -
Inspirerd reacted to a post in a topic: Problems with viewing a Salonspy widget on Squarespace 7.0
-
Inspirerd reacted to a post in a topic: Problems with viewing a Salonspy widget on Squarespace 7.0
-
Hi @Mandy_miisprint! Before we can get to the full width part, we need to figure out why it isn't showing up. It seems that the script is not loading like it does on the other website you linked. Is there something missing from the installation instructions (I couldn't find the installation instructions on Google)? Or is there something you have to enable in a dashboard or something first?
-
Inspirerd reacted to a post in a topic: How to style the Scrolling Block of text in 7.1 as bold and italic?
-
Sorry about that. Your code is correct. I also updated the original answer I gave.
- 5 replies
-
- custom-css
- text
-
(and 3 more)
Tagged with:
-
Issue customizing the button font across my site.
Inspirerd replied to collgrimes's topic in Customize with code
Hey @collgrimes! I believe this should work: #siteWrapper .sqs-block-button a, #siteWrapper [class*='button'], #siteWrapper [class*='btn'] { font-family: 'NYRO' !important; letter-spacing: -.2rem; } What I did was nest the selector under an ancestor of #siteWrapper which is the id of the container of the website (first descendent of body). This is because your selector was altering the Squarespace editor buttons. This change makes it only select things within your Squarespace website. Hope this helps! -
Hey @BradleyK! Give this a try: .marquee-block, .marquee-block p, .marquee-block h1 { font-weight: bold; font-style: italic; /* If you want 50% black as in gray. */ /* This does not lighten delimeter/divider */ color: hsl(0deg 0% 50%); } /* OR if you want 50% transparent (use only one or you will have 25% black) */ .marquee-block { /* This does lighten delimeter/divider */ opacity: 0.5; } (In case you weren't sure how to add custom CSS: https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor) Hope this helps!
- 5 replies
-
- custom-css
- text
-
(and 3 more)
Tagged with:
-
Inspirerd reacted to a post in a topic: Change color of newsletter button Squarespace 7.1
-
Change color of newsletter button Squarespace 7.1
Inspirerd replied to LindsEli's topic in Images & Videos
Hey @LindsEli! It seems your button has a transparent background. I am not sure if that is the result of your theme styles or custom css and if there is a way to adjust that there to fix it. If you want to go the code override route, here is some code that should fix it, but make sure it doesn't negatively affect other pages. button.newsletter-form-button.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary { background-color: white !important; } button.newsletter-form-button.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary.sqs-button-element--primary:hover { color: black !important; } (In case you weren't sure how to add custom CSS: https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor) The repetitiveness/length of the selectors are to override the other class which already has high specificity/priority. You can change the color from black to whatever you want. That is the color of the button text when you hover over it. Regarding the pop up suggestion you made. I couldn't find an easy way to do it with the newsletter block. But I know you can do that with the form block by adding a form, then on the design tab of the block options, toggling "Lightbox". Hope that helps! -
Hey @Nzilani! Since that is likely just CSS, you can just add it to the CSS editor. Or yes, you can host it and link to it. If you add the CSS directly, make sure to add the contents of the file (not the name of the file/link). (In case you weren't sure how to add custom CSS: https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor)
-
tuanphan reacted to a post in a topic: Make Cover Page a Clickable Link with Button Function still Enabled
-
BrockDunnet reacted to a post in a topic: Remove Carousel Arrows Completely
-
bengroner reacted to a post in a topic: Change font color of excerpt line in summary block
-
lunakito reacted to a post in a topic: Removing black underline from images with links
-
Hey @mcafee.michelle! The screenshot you attached is broken for me, but I took a stab at it anyway. Regarding the first issue, there seems to be a syntax error in your CSS code. The CSS code you added, specifically the code for the title is prefixed by some malformed style properties that aren't inside a selector grouping. When I removed that and just kept the code for the title style, it worked. .header-display-desktop { flex-direction: column } Regarding the second issue. I am not sure if there isn't an option in the editor. But in case there isn't, here is some code that should fix it, but double check to make sure it doesn't mess up any other pages. .page-section.background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { padding-bottom: 0; } .background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background { bottom: 0; } Let me know how that goes.
-
Change font color of excerpt line in summary block
Inspirerd replied to bengroner's topic in Customize with code
@bengroner Glad @melody495 and I could help! And no worries about the solution thing!- 11 replies
-
- summary-block
- excerpt
-
(and 3 more)
Tagged with: