Need to adjust the Down Arrow Link

[CCressman]

To whom it may concern, 

I am currently trying to make an adjustment to the following line of code 

<a class="sn-arrow" href="#"><i class="fa fa-chevron-down"></i></a>

I need to add an accesability tag to this code to bring it up in terms of compliance. 

I have searched my entire project for this snipit and I can not find out what is placing it onto my page. 

We are using the Neambo Act2 Theme. 

Any support into this would be greatly appreaciated. 

Cheers, 

[CCressman · Accepted solution]

Okay thanks everyone for the help I was able to finnally solve this issue! 

Turns out there is a Javascript file inside of the template that loads in an external template from a cdn. I was able to copy that file make my modifications and point the javascript call to the new internal customized Javascript file. 

[SteveHTM]

@CCressman - I found this down chevron setup in the menus.css of a theme I was using recently.

  .submenu.level-1 > .has-submenu > a:after {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 7px;
    font-size: 0.8125em;
  }

It was based on an earlier FontAwesome variant and was frustrating my efforts to upgrade and avoid overhead. But I see that default CSS is no longer part of the boilerplate theme source file tree, so not sure where you might find it in a current theme configuration.

Good luck!

Steve

[CCressman]

Thanks Steve, but I am not looking to adjust the css. I am actually looking at adjusting the <a> tag itself. 

[albertsg]

Hi @CCressman, you might need to clone a theme in order to be able to edit its code: https://knowledge.hubspot.com/website-pages/use-themes#clone-a-theme 

With that being said, it's hard to tell you where to do such update without having access to the theme. I don't know how the Neambo Act2 Theme is structure and how it adds arrows into the code. 

One suggestion that might help you find your code is cloning the theme and using HubSpot's CLI to create a local instance in your PC. Then with tools such as Visual Studio you can easily search for specific code snippets. 

[CCressman]

@albertsg 

Thanks for the suggestion. I have already gone down this path.... (clone theme, hbcli) I still could not even find how this is being added to the element. 

I will probably have to reach out to the themes developers to see if they have an insight on to where this little bit of code is located.......

Cheers