-
Posts
57 -
Joined
-
Last visited
Reputation Activity
-
djm reacted to promax in How do I stop the text on my mobile site changing size when scrolling?
any solution? Tried everything but not working.
-
djm reacted to Prozac in How do I stop the text on my mobile site changing size when scrolling?
Here's a screen recording of what I'm trying to describe.
Thank you 🙂
RPReplay_Final1686350899.MP4 -
djm reacted to michaelmac97 in How do I stop the text on my mobile site changing size when scrolling?
Hi! I am having the same issue. Did you ever find a solution?
-
djm reacted to tuanphan in 7.1 Mobile Menu Header/Logo Design & Styling
Add to Home > Design > Custom CSS
@media screen and (max-width:767px) { .header-menu-bg.theme-bg--primary { background: red !important; } } If you know HTML/CSS, you can use Inspect Element (Right Click) to find these ID/Class.
Reference: https://beaverhero.com/squarespace-71-css-list/
-
djm got a reaction from sophie.elizabeth in Custom line height
You would need use code specifically for the block intended. Find out what your block id is with this chrome extension:
https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
Then use custom CSS do define the line height for that specific block id.
-
djm reacted to squareface in Custom line height
Hi,
I need to create a title in extra large heading style on one line and then a line below it in medium paragraph style that is fairly close to it in line height. For some reason the default distance between the two lines is really wide and looks strange. It seems IMPOSSIBLE to adjust the distance.
If I use shift then enter I get the correct line spacing, but then I cannot change the text style, it just automatically switches to extra large heading, so the two lines are all in the same style. So i guess I want a standard paragraph space, but between a heading and a paragraph line.
How do i reduce the line height between these two lines? I don't want to adjust the global line height, just the line height between the title and the line below, on one section only. Perhaps you can do this by creating two seperate blocks and squeezing them together or something? Or a custom per-section line height?
I'm using 7.1 and the template is Novo.
Thanks!
-
djm reacted to tuanphan in Replace background image on mobile
@media screen and (max-width:767px) { [data-section-id="5e71026ea0c7907f72f1e5a1"] .section-background img { visibility: hidden; } [data-section-id="5e71026ea0c7907f72f1e5a1"] .section-background { background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/ss-team01-min.png); background-size: cover; background-position: center center; background-repeat: no-repeat; } }
-
djm reacted to paul2009 in Indexed though blocked by robots.txt
This is completely normal, and you can ignore the message. Your site has been indexed by Google.
Squarespace use a robots.txt file to ask Google not to crawl certain pages because they’re for internal use only or display duplicate content. For example, you would not want them to index the /config/ url that you use to administer your website.
For more detailed information see Understanding Google SEO emails and console errors.
-
djm reacted to tuanphan in Replace background image on mobile
You can set new image on mobile. If you like this ideal, please let me know, I will give the code
-
djm reacted to tuanphan in Dark and light version of logo
.header--menu-open nav.header-menu-nav-list * { color: green !important; }
-
djm reacted to AFDesign in Replace background image on mobile
I'd like to replace the background header image with one that is designed to fit a vertical layout when site is viewed on mobile. Ideally text and icon sit above the person in the image, rather than to the side like they do for larger displays.
site is https://icosahedron-rust-5y3f.squarespace.com/
password: 2020
The image below is the one I'd like to use for mobile. I can adjust image size/dimensions if needed.
Any help greatly appreciated!
-
djm reacted to AFDesign in Replace background image on mobile
I am still wrestling with this header and would love any help the community could offer.
-
djm reacted to tuanphan in Logo wall mobile display 2 by 2
Add to Home > Design > Custom CSS
@media screen and (max-width:767px) { /* 2 logo on row */ div#block-296356925219508dcf53+.row>.col:not(:last-child) { width: 50% !important; float: left !important; } /* last logos */ div#block-296356925219508dcf53+.row>.col:last-child .span-2 { float: left !important; width: 50% !important; } }
-
djm reacted to tuanphan in Dark and light version of logo
@media screen and (max-width:767px) { .header--menu-open .header-title-logo img { filter: invert(0); } .header-menu-bg.theme-bg--primary { background: red !important; } }
-
djm reacted to tuanphan in Dark and light version of logo
To change logo to black on one page, add this to Page Settings > Advanced > Header
<style> .header-title-logo img { filter: invert(1); } </style>
-
djm got a reaction from christyprice in Changing size of one banner heading for mobile only
Thanks so much @christyprice. Works great.
-
djm reacted to tuanphan in Logo wall mobile display 2 by 2
If you use Gallery Block to create logos, it will be easier...
-
djm reacted to christyprice in Changing size of one banner heading for mobile only
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.
-
djm reacted to christyprice in Changing size of one banner heading for mobile only
You'd want to target that specific block for mobile only in Design > Custom CSS. Try this and play around with the font size.
@media screen and (max-width: 640px) { #block-b804c57f124fbfbe2d7f { font-size: 20px !important; } }
-
djm reacted to HiFiGuy528 in Is there a way to change the size of form fields?
How do I do this if I only want the "Message" box bigger? This seems to change all the boxes. Thanks for your help. ~ Mike
-
djm reacted to allisonstratton820 in Image block overlay color in 7.1
Add this to your CSS
#block-your block id .image-overlay {display:none !important;}
-
djm reacted to tuanphan in Logo wall mobile display 2 by 2
Can you share link to that page? I think some CSS can solve.