HobbesEdits
Member-
Posts
12 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by HobbesEdits
-
This is the url of the gif: https://images.squarespace-cdn.com/content/66a8f52d108a8a093bdb3bbb/21a24414-3127-48ad-81cb-e07ca87ec4a5/2_2.gif?content-type=image%2Fgif Website url: www.hobbesedits.com
- 6 replies
-
- navigation
- images
-
(and 1 more)
Tagged with:
-
I'm wanting to put a gif image in my header beside my main navigation bar, where the red circle is in the image below. I'd like it to be spaced evenly apart from the other links as if it's the next item and for the gif to be hyperlinked. I haven't been able to figure out how to do this using CSS. Anyone know how to do this? Thank you
- 6 replies
-
- navigation
- images
-
(and 1 more)
Tagged with:
-
I'm trying to style my blog post pages, specifically blog posts with reference lists. I want something similar to blogs I've seen on Substack where there are superscript numbers in the blog post that link to a footnote in the reference list at the bottom of the page. You can also click on the number in the reference list at the bottom to travel back up to the corresponding reference. Using the normal anchor link system with code blocks doesn't work for me, I would need to put code blocks above every new reference and this adds large spaces between them (would like to know if there's a way to make this not happen). Also, I'd be unable to add anchor links inside the main body of text to travel up to from the reference section. I tried writing out the blog post in a code block using html text. That way I can add an anchor link to that specific paragraph, at least. This might work for styling the footnotes, but when I wrote out the blog post in a code block by copy and pasting the html the text lost the custom hyperlink styling that I've got set up across the site. And I also think this wouldn't let me anchor link up to individual lines or add several anchor links in the same paragraph. Does anyone know how this can be done? Thank you
-
How to scale banner images on iPad/tablets
HobbesEdits replied to HobbesEdits's topic in Customize with code
Thank you! Thank you! That worked -
Site URL: https://www.hobbessakugamerch.com/ Hi, I'm wondering how I can scale my banner image on my homepage so it appears properly on an iPad/tablet. Right now the image is heavily cropped when viewing it on an iPad. Example: I've already injected some code that makes it appear properly on mobile devices. Here's what the same page looks like on mobile: Here's the code I injected to make that work: <style> @media screen and (max-width:767px) { .gallery-fullscreen-slideshow[data-width="full-bleed"] { height: 22vh !important; } } </style> So I'm wondering how I can get that effect, which automatically scales the banner down on mobile devices, to work on tablets. Thanks!