-
Posts
969 -
Joined
-
Last visited
-
Days Won
8
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by christyprice
-
Change Color of a Specific Portfolio Title
christyprice replied to designfordummies's topic in Customize with code
Could you please share the password so we can view your site? -
Changing size of one banner heading for mobile only
christyprice replied to GenuineContent's topic in Customize with code
Hi @djm, yes you can target all h3 on mobile. @media only screen and (max-width: 991px) { h3 { font-size: 12px !important; } } You can change around the screen size max-width and the font size until you get the result you want.- 60 replies
-
- brine-template
- mobile
-
(and 3 more)
Tagged with:
-
Try adding the code above inside the <style></style> code for that page.
- 24 replies
-
- custom-css
- navigation
-
(and 1 more)
Tagged with:
-
Hi Jesse, Do you mean when the mobile menu is open? If so, add this to Design > Custom CSS .header--menu-open .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); }
- 24 replies
-
- custom-css
- navigation
-
(and 1 more)
Tagged with:
-
Thanks for letting me know @laurenruth1. If you could "vote up" the answer on the left, that will let others know it's a valid solution.
-
Hi @laurenruth1, This should get you close. You can play around with the opacity value to make it more or less opaque: .gallery-grid-item-wrapper:hover img { opacity: 0.3; }
-
Hi @CanadaSue, Font weights don't have px. So it would just be something like font-weight: 500 !important; Not all weights are supported on all fonts, so fiddle around with the 500 to 700, etc.
-
What's your best advice for keyword research without investing in one of the expensive tools?
-
Affiliate links in personal site question
christyprice replied to a topic in Getting Started With Squarespace
Hi @Heytherethanks, best practice is to make affiliate links nofollow links. In Squarespace that means using a Markdown block which is available on the Personal plan. Here's an example of what you'd put in a Markdown block for an affiliate link: <a href="http://affiliatelinkhere.com/" rel="nofollow" target="_blank">your link in text</a> You can use rel="nofollow" to let search engines know that your link shouldn't count in ranking the linked page. And target="_blank" opens the link in a new window, which is best practice for linking to sites outside your own. The code is too long for the window above, but if you click inside the code block and select all you can paste it into a text editor to see the whole thing. -
Update image when corresponding text is clicked
christyprice replied to _kate's topic in Customize with code
Hi @_kate, I've used the code from Image on Hover Collection (aff) for this with great results. There are versions for both Squarespace 7.0 and 7.1 -
Nav Hover Code to add border or background color?
christyprice replied to AdamSupra's topic in Customize with code
This should be possible with Custom CSS, but the exact code depends on the template you are using. If you can share the link to your site with password, someone can probably help out.- 12 replies
-
@camilla.ciappina - sent you a DM.
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
@camilla.ciappina, As with the site above, you’d likely need to have someone log in as an admin to check your code and your images.
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
@BRepairers, it's hard to know without seeing your code and images. It might be an issue with the mobile breakpoints. Double check those.
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
Disable Announcement Bar On Single Page
christyprice replied to BOwens's topic in Customize with code
Hi @BOwens, As @tuanphan mentioned the code is specific to each template family. If you happen to be on a Brine family template, you can add this code in that particular page's Page Settings > Advanced > Page Header Code Injection to remove the announcement bar. If you are on a different template, please post a link to your site so someone can help you out. <style> /* remove announcement bar */ .sqs-announcement-bar-custom-location { display: none !important; } </style> -
Nice work @andrehanauer! You can simplify the code a bit, since the .header--menu-open is only used on mobile: .header--menu-open { .header-title-logo { -webkit-filter: invert(100%); filter: invert(1); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } } It's awesome that you took the info here and ran with it and figured things out on your own. Great job!
- 24 replies
-
- custom-css
- navigation
-
(and 1 more)
Tagged with:
-
Ah, I see. I don't know of a way to target that specifically - it looks like it has the same collection-id whether it is opened or closed. Maybe someone else can help out!
- 24 replies
-
- custom-css
- navigation
-
(and 1 more)
Tagged with:
-
Hi @andrehanauer, To invert the logo color on mobile, try adding this to Design > Custom CSS: @media screen and (max-width:767px) { .header-title-logo img { -webkit-filter: invert(100%); filter: invert(1); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } }
- 24 replies
-
- custom-css
- navigation
-
(and 1 more)
Tagged with:
-
Advanced multi-search filtering function
christyprice replied to mjf966's topic in Customize with code
Your best bet would be the Universal Filter plugin: https://www.squarewebsites.org/products/universal-filter -
@justinpheap.co I use one Home index page. Within that index I have one subpage for desktop view and one subpage for mobile that I show/hide with the code above.
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
@justinpheap.co, I use index pages and just hide/show the subpages, so the page URL stays the same.
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
Is it possible to make gradient button border?
christyprice replied to Chira's topic in Site Design & Styles
@Chira, that looks fantastic! Great job and so glad I could help. ☺️ -
Is it possible to make gradient button border?
christyprice replied to Chira's topic in Site Design & Styles
You could use this code when targeting your specific button class in Custom CSS - just change out the colors: https://codepen.io/miraviolet/pen/ZobWEg -
Changing size of one banner heading for mobile only
christyprice replied to GenuineContent's topic in Customize with code
@lindseyturner, exactly. You can use the Chrome extension Squarespace Collection/Block Identifier that JonJonJon mentioned above to easily discover and copy the block-id. Then you can change the font size from 20 to whatever works for you.- 60 replies
-
- brine-template
- mobile
-
(and 3 more)
Tagged with:
-
Changing size of one banner heading for mobile only
christyprice replied to GenuineContent's topic in Customize with code
@JonJonJon that's the extension I use and recommend.- 60 replies
-
- brine-template
- mobile
-
(and 3 more)
Tagged with: