E8h5S7Z
-
Posts
12 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by E8h5S7Z
-
-
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.
-
15 hours ago, tuanphan said:
Use this
body[class*="collection-type-blog"].view-item header#header { background-color: #f1f !important; } body[class*="collection-type-blog"].view-item header#header div.header-nav-item>a { color: black !important; }
This approach is proving to be a little complicated, so going to move in a different direction. Thank you for the assistance nonetheless!
-
12 minutes ago, CassAggett said:
@NDucrETH can you share your site link and the code you're using currently? We can provide additional code that targets just the blog pages.
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!
-
On 2/19/2022 at 5:46 PM, tuanphan said:
Add to Design > Custom CSS
body[class*="collection-type-blog"].view-item header#header { background-color: #f1f !important; }
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.
-
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.
-
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!
Fullsize Browser Breaks Design: Fonts Shrink, White Spaces Increase
in Customize with code
Posted
This worked, thank you!