topic Re: Updating Nav Link styling in a theme in CMS Development

Updating Nav Link styling in a theme

AStolp — Tue, 26 Jan 2021 23:05:05 GMT

Hello, I am very new to hubspot and I have a task to bold sub menu navigation links that are apart of theme. Orginially, I thought you could just go in and click bold but apparently it is not that easy....

I just want to make sure that the correct way to acheive this is by cloning the theme then updating its contents.

Thank you for your help.

Re: Updating Nav Link styling in a theme

dennisedson — Thu, 28 Jan 2021 19:13:18 GMT

Hi @AStolp

Welcome to the Community!

Could you provide a bit more info. A link to an example page would be a good start.

Was it a purchased theme or created in house?

@jonchim and @daveroma are wizards and can probably help you out once you provide those additional details!

Re: Updating Nav Link styling in a theme

AStolp — Thu, 28 Jan 2021 19:20:51 GMT

Hello! Thank you for the response. I am unsure if this is a paid theme or created. I am working on this project through the company I work for. I was able to clone the project to my local. The issue I am running into now is being able to upload the changed css file back into the project repo on hubspot and see my changes. I created a test-upload folder with a test-upload.css file. When I try enter the destinitation I get an invalid path argument.

These are the errors I am currently receiving. I just want to be able to push the change that I made to the css file. I created a test-upload foler becasue I had previously tried to run the hs upload command and it gave me so many erros I couldnt even count them. To me it seemed like it was trying to reupload the whole project. I don't wanna break the curent live site.

https://www.corescientific.com/careers -- the issue is when you click on careers and other submenu links the color isnt dark enough and we are trying to make a subtel change by making the links bold.

Thank you for your time and help!

Re: Updating Nav Link styling in a theme

pm8rsh88 — Fri, 29 Jan 2021 16:29:03 GMT

Hi,

I hope I have this right. You want the links in the Sub-menu to be bold?

If so, in your css file find the line

body .custom-menu-primary .submenu.level-2 .menu-item .menu-link {

and add the following:

font-weight: bold;

Re: Updating Nav Link styling in a theme

dennisedson — Mon, 01 Feb 2021 18:01:14 GMT

Looks like the css controlling that weight is being set in the custom module's css file. If you can modify it there, that would be the best location so you keep your code clean 😀

Looking at the inspector, looks like the module is called "menu section" and the class you want to modify is submenu.level-2