skeebodelta Posted December 3, 2021 Share Posted December 3, 2021 Site URL: https://www.richardsaltermusic.com/ Hi all! I wanted to have my name & job description at the very top of my site header, which I've done. However, I had to find a workaround of taking a screenshot of the text then uploading it as a logo. As Mac screenshots are not that HQ, I can see a slight decrease in quality compared to the text on the rest of the site. I'd like to be able to replace this with actual text, so that it's better quality. I'm also told that from an SEO perspective, it's going to be better to have text there instead. Anybody know of a way to do this please? Thanks in advance! x @bangank36 Might you have any idea how to do this please? Link to comment
tuanphan Posted December 13, 2021 Share Posted December 13, 2021 Do you still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
skeebodelta Posted December 13, 2021 Author Share Posted December 13, 2021 Hey @tuanphan! There's only one thing I need on that section now: Could you give me a code so I can have control of font size on the top text "Richard Salter" please? Thanks in advance! x Link to comment
skeebodelta Posted December 13, 2021 Author Share Posted December 13, 2021 @tuanphan Here's the other thread with all the info in: It's all at the bottom... Thanks! Link to comment
tuanphan Posted December 14, 2021 Share Posted December 14, 2021 22 hours ago, skeebodelta said: Hey @tuanphan! There's only one thing I need on that section now: Could you give me a code so I can have control of font size on the top text "Richard Salter" please? Thanks in advance! x Use this CSS a#site-title { font-size: 40px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
skeebodelta Posted December 15, 2021 Author Share Posted December 15, 2021 Thanks @tuanphan This is great, it worked perfectly! Is there a way to close the space between the "Record Producer - Composer" text & the navigation items directly below? Thanks in advance! x Link to comment
tuanphan Posted December 16, 2021 Share Posted December 16, 2021 20 hours ago, skeebodelta said: Thanks @tuanphan This is great, it worked perfectly! Is there a way to close the space between the "Record Producer - Composer" text & the navigation items directly below? Thanks in advance! x Use this code /* space site title nav */ .header-nav { margin-top: 0px !important; } .header-nav:before { display: none !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
skeebodelta Posted December 16, 2021 Author Share Posted December 16, 2021 Thanks @tuanphan Yes, this worked too! The two top lines of text are tiny on mobile view. Is there a way to have control of the text size please? Thanks! x Link to comment
tuanphan Posted December 19, 2021 Share Posted December 19, 2021 On 12/16/2021 at 5:17 PM, skeebodelta said: Thanks @tuanphan Yes, this worked too! The two top lines of text are tiny on mobile view. Is there a way to have control of the text size please? Thanks! x It looks like you used image for mobile logo. You want to increase mobile logo size, or add logo with text, similar desktop? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
skeebodelta Posted December 19, 2021 Author Share Posted December 19, 2021 Hi@tuanphan I want to have "Richard Salter Record Producer - Composer" as text on mobile, so it looks the same as desktop. Thanks! x Link to comment
tuanphan Posted December 23, 2021 Share Posted December 23, 2021 On 12/19/2021 at 4:23 PM, skeebodelta said: Hi@tuanphan I want to have "Richard Salter Record Producer - Composer" as text on mobile, so it looks the same as desktop. Thanks! x Don't remove any code in your current code. Add this to Design > Custom CSS /* Mobile header */ @media screen and (max-width:991px) { .header-title-text { display: block !important; text-align: center; } a#site-title:after { font-size: 24px; } .header-mobile-logo { display: none !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
skeebodelta Posted December 27, 2021 Author Share Posted December 27, 2021 Thanks @tuanphan This worked well, thank you! x Link to comment
skeebodelta Posted December 29, 2021 Author Share Posted December 29, 2021 @tuanphan Thanks for your help on this, it's much appreciated! I'd like to have control of the size of the very top text "Richard Salter" when on mobile. Is there a code for this please? x Link to comment
skeebodelta Posted December 30, 2021 Author Share Posted December 30, 2021 @bangank36 Might you have any idea how to do this please? "I'd like to have control of the size of the very top text "Richard Salter" when on mobile." Link to comment
Beyondspace Posted December 30, 2021 Share Posted December 30, 2021 3 hours ago, skeebodelta said: @bangank36 Might you have any idea how to do this please? "I'd like to have control of the size of the very top text "Richard Salter" when on mobile." You can try @media only screen and (max-width: 767px) { a#site-title { font-size: 35px; } } tuanphan 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
skeebodelta Posted December 31, 2021 Author Share Posted December 31, 2021 @bangank36 It worked, thanks! x tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment