Jump to content

Logo and Title Customization

Recommended Posts

Site URL: http://www.bermanpictures.com

I designed my photography website so that my email and phone contact links are from custom code. The code worked before, but I just discovered that now it doesn't.

I would rather not use Squarespace's email link option through Pages-->Primary Navigation because the placement, color, and type size do not work in my design. So I added it to the Tagline of the Site Title.

Pasting the code I am currently using below. Does anyone know if there's a way to alter this code so that the links will again work?

The website is bermanpictures.com. You'll see I inserted multiple  's to make the spacing that looks right.

<a href="mailto:mb@bermanpictures.com">email</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="tel:917-415-1766">+1&nbsp;917&nbsp;415&nbsp;1766</a>

I think that's correct, but I am not at all knowledgeable about this stuff.

 

Thanks for any help! Michel

Link to comment
  • Replies 6
  • Views 391
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 months later...

I'm having the exact same problem, Michael. Had several custom code links in the Tag Line part of Logo & Title. They've worked since I first created the page. Now they don't.

Squarespace support explained that updates to the platform can cause custom code to break or behave differently. Super frustrating. 

Here's the code that used to work for my site in the Tag Line:  
e: <a href="mailto:zbombadil@gmail.com?subject=Let's disco">zbombadil@gmail.com</a>  |  follow me on <a href="https://workingnotworking.com/zacspectorlikesyou" target="_blank">workingnotworking</a>.

Wouid love to figure out how to alter the code to make it work. If anyone has a solution, would be wildly appreciated.

.Zac.
 

Link to comment
6 hours ago, zbombadil said:

I'm having the exact same problem

To provide specific help, we need to be able to view the site. It's really helpful if you can provide a link. However, Squarespace has been steadily improving site security, and this involves blocking code (such as the HTML you showed above) from text entry boxes, so it is likely that this is now being blocked.

The alternative way to achieve this is to write some JavaScript that will add the link to the site title after the page has loaded, but (for the benefit of anyone reading this) it is only possible on a Business Plan or above.

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
On 11/19/2021 at 10:27 PM, zbombadil said:

My site is zacspectorlikesyou.com

Many, many thanks, Paul.

Add to Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<div class="logo-subtitle tagline2">.writer / content creator / creative director  | p: 303.946.3894  | <a href="mailto:zbombadil@gmail.com?subject=Lets disco">zbombadil@gmail.com</a>  |  follow me on <a href="https://workingnotworking.com/zacspectorlikesyou" target="_blank">workingnotworking</a></div>').insertAfter('h1.logo');
	});
</script>
<style>
  .logo-subtitle:not(.tagline2) {
    display: none;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.