-
Posts
14 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by BlindBetty
-
-
Thanks @seannygorman — worked perfectly for me.
-
Also looking for how to do this (sorry to not be responding with a helpful reply!)... Did you find a solution?
The solution above doesn't work. The script would go in the Advanced section of your page settings. Perhaps it works for certain template families, but not on Brine (Basil specifically).
-
I'm looking for the same kind of solution, but that code does not work for me at all. I am using the Miller template, the site is www.johnlynchspeaks.com. I tried the above code and it doesn't do anything. The code I've been using is as follows but it has some issues:
<script>
window.onload = function()
{document.getElementsByClassName('Header-branding-logo')[0].src = 'https://static.wixstatic.com/media/2279fb_db1043088564425bb18696d17a327498~mv2.png/v1/fill/w_343,h_134/JLS-logo-light.png';
};
</script>The problem I have is that this code doesn't "trigger" for some reason unless you refresh the page—so the light logo shows up on the homepage when you first visit the site, but on the other pages where the dark logo is supposed to show up, it doesn't unless you refresh the page. And the same thing happens if you first visit the site from a subpage—the correct dark logo shows up, but then if you navigate to the home page, the dark one shows there as well until you refresh the page.
Anyone have a fix?
-
@tuanphan I've attached the result on the Why We Do This page... this enlarges the text but not the actual poster block image, so the white words just cover up the text and space surrounding it.
I'm also hoping for a solution that doesn't require an extra line of code EVERY time one of the bloggers publishes a block post with a poster block in it. Do bloggers just not use poster blocks with text in them...? Not sure how people are expected to read very tiny text on their phones.
-
Site is still private but if you go to "https://orghealthcoach.squarespace.com/" and enter "quickpass" it'll let you in. I'm using poster blocks in the blog posts as well as on About > Why We Do This. Thanks much!
-
I'm wondering how to make the text in the poster blocks show up as a larger font on mobile. I want to use images with text throughout the blog posts on this site, so if there's just an easier/better way to do this than using a Poster, I'm all ears. I just want people to be able to read the text when on mobile well, as currently on desktop it's fine, but on mobile incredibly tiny.
How to add clickthrough URL to custom CSS image
in Customize with code
Posted
If you did want to stick with doing it via code, here's how. I found the image block way had some issues with the transparency, so this is an alternative (you just wrap the URL ref around the image; that way it applies whether you're hovering or not):