E8h5S7Z
Member-
Posts
12 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by E8h5S7Z
-
Fullsize Browser Breaks Design: Fonts Shrink, White Spaces Increase
E8h5S7Z replied to E8h5S7Z's topic in Customize with code
This worked, thank you!- 2 replies
-
- layout-engine
- css
-
(and 3 more)
Tagged with:
-
I designed a page without considering full-size browsing because I personally never maximize my browser. However, I didn't realize that maximizing the browser would have such a dramatic impact on the output. The website looks fine when the browser isn't maximized, even if it's quite large. But as soon as it's maximized, the fonts shrink and white spaces increase, effectively breaking the design. I'm wondering if there's any custom CSS code that can prevent this from happening.
- 2 replies
-
- layout-engine
- css
-
(and 3 more)
Tagged with:
-
Change header background color, specifically on blog posts
E8h5S7Z replied to a topic in Fonts, colors and images
This approach is proving to be a little complicated, so going to move in a different direction. Thank you for the assistance nonetheless! -
Changing custom social media icon on blog posts only
E8h5S7Z replied to E8h5S7Z's topic in Customize with code
Msg'd you privately with the site link, but please feel free to share the solution publicly. Many thanks! -
Hello, I already utilize a custom social media icon sitewide, but on blog pages, circumstances dictate that I use a different icon (inverting the color). I was wondering if anyone knows how to using a different custom social media icon on just blog post pages. Any help is greatly appreciated!
-
Change header background color, specifically on blog posts
E8h5S7Z replied to a topic in Fonts, colors and images
Tuanphan, this worked well for me! but would it also be possible to change the font color of the header navigation, just on the blog post page as well? -
Hello, Is it possible to add a section atop the blog post? For the rest of my site, I utilize an image at the very top of the page, which in turn functions as the background to the header. This is the template I employed with the image/header combination I'm describing: https://www.squarespace.com/templates/lusaka-fluid-demo But because individual blog posts don't have this ability, the header on a blogpost is drastically different from elsewhere. I have custom social icons which make the default header on a blog/blog post page less than ideal. I'm assume this would be a difficult workaround, but throwing it out there.
-
It almost did the trick, but unfortunately the image appears overlapped with the content.
- 3 replies
-
- pop-up
- promotional-pop-up
-
(and 2 more)
Tagged with:
-
Hello, I am currently using the first pop-up promotion template, which has the image on the left and content on the right. I understand that Squarespace intentionally does not display the image on mobile devices, but I'm interested to know if it's possible to enable it using custom code. I apologize if this question has been asked before, but the previous solutions I found in the forum only addressed cases where the image was in the background, not side by side. In summary, I would like the mobile version of this specific template to resemble the desktop version.
- 3 replies
-
- pop-up
- promotional-pop-up
-
(and 2 more)
Tagged with:
-
I know it is possible to reduce the size of the headshotby increasing the number of columns, but this only seems to take effect on the desktop version of the site. One mobile it defaults to one column, with the photos being quite large. Has anyone had any luck adding columns in the mobile version w/custom CSS or otherwise reducing the size of the photos when viewed on mobile? Thanks!
-
Hello, I managed to partially disable clickthrough's on my calendar using the following bit of code from thisforum, however it doesn't fully do the trick. Code used: .yui3-squarespacecalendar .small-layout .flyoutitemlist a { pointer-events: none !important; } .yui3-squarespacecalendar .background a { pointer-events: none; } .flyoutitem * { pointer-events: none !important; } The problem does NOT occur when the browser constrained, but when expanded the "August Test Event" becomes clickable. Any help would be greatly appreciated!