How to delete a Title html attribute so that it doesn't appear as a tooltip upon hover?

[Tarek_K]

I am using the Prestige theme and I want to add a video hero section (autoplay muted with no button controls) with a Shop Now button in the middle. However, I noticed that the default Prestige video section doesn't come with a Button block, just Subheading, Heading and Paragraph. I inserted a link for the text through the text editor and added some custom css to make it look like a button. However, there is still one problem. The Title attribute in the <a> anchor tag is showing as a tooltip when I hover over the link which as you can imagine doesn't look good considering I am trying to make it look like a button.

I don't have experience in Shopify's liquid code, so I was wondering if there is a way to edit the code to remove the Title attribute from this link only? I don't want to remove the Title attribute from other element on the website, just this specific anchor tag. If there is an easier way to add a button without doing all this, I am open to suggestions. Thanks.

[Asad24]

Could you please share your store so i can check

[Tarek_K]

I am still in the trial period for Prestige theme, so I still can't access the code. I am just looking for ideas to solve this issue before purchasing the theme. Below are some screenshots of the situation now. Hope this helps.

[Asad24 · Accepted solution]

Yes, you can remove the title using the javascript

var linkElement = document.querySelector('a[title="best-dog-ever-dog-bandana-collar"]');
 if (linkElement) {
 linkElement.removeAttribute('title');
}

[Tarek_K]

@Asad24 Thanks a lot!

[Asad24]

You are welcome