blog tags

[AEllwood1]

Hi I am trying to edit the case on the tags that are displayed on my bog listing page. The category name as well as the Tag Link and the Tag name are al spelt with both words in a 2 word name capitalized. However they appear on the page as only intiital letter capitilised. Is this a design choice or is there somewhere else I change the name? Thanks

[Dani621]

The issue with tag and category capitalization on your blog could be due to CSS styling, where the text-transform property is set to capitalize only the first letter of each word. Alternatively, it could be controlled by your blog theme or CMS settings. Check your theme’s styling or backend to adjust the display format.

[AEllwood1]

Thanks to you and everybody who responded to my query.

[mudasir_qayyum]

This issue is likely related to how your blog's CSS styles are handling the capitalization of text rather than the actual settings for tag names and links. Many templates use CSS properties like text-transform: capitalize; or text-transform: lowercase; to control how text appears visually, regardless of how it's written in the settings.

To address this:

1. Check the CSS Code:
   Inspect the tag elements on your blog listing page using the browser developer tools (right-click on the tag and choose Inspect). Look for any text-transform property in the applied styles. If you see something like text-transform: capitalize;, that's the reason why only the first letters are capitalized.

2. Update the CSS:
   If you have access to the CSS code, locate the relevant style for the tags and modify the text-transform property. For example:
   
   .tag-class-name {
   text-transform: none;
   }
   Replace .tag-class-name with the actual class applied to your tags.

3. Check Template Settings:
   Some HubSpot themes allow customization without editing CSS directly. Go to the Design Manager, locate the blog template, and look for styling options for the tag elements.

4. Reconfirm Tag Name Settings:
   Ensure the tags are entered exactly as desired in the blog settings under Tag Name and Tag Link. While this may not change the visual display (if CSS overrides are in place), it’s good practice to ensure the backend reflects the correct naming.
   
   If you're unsure how to locate or edit the CSS, you can provide the developer with this information, or reach out to HubSpot Support for assistance with template customization.
   
   

[AEllwood1]

Thanks - I need to get the developer to look at this

[GiantFocal]

@AEllwood1,

Could you please share the page's URL?
This appears to be a CSS text-transform rule. 

[AEllwood1]

Thanks - it is www.vbc.co/blog

[Gaurav_Aggarwal]

Hey @AEllwood1 

Have you tried to change or delete the blog and then create a new tag? 

kindly follow this article here: https://knowledge.hubspot.com/blog/create-and-manage-blog-tags 

[AEllwood1]

Thanks for the response -this applies to the full menu - not just an individual blog so deleting 30+ blogs is not really an option. I checked how the names were entered using the article you mentioned and they seem correct.

[Jigar_Thakker]

Hi @AEllwood1 ,

It sounds like the issue with inconsistent capitalization in your blog tags and categories might be caused by either CSS styling or the way the names are entered in HubSpot. Here’s how you can investigate and fix it:

• Use your browser's developer tools (right-click on the text and select “Inspect”) to check if there are any styles applied that might be affecting how the text appears.
• Look for CSS properties like text-transform in the styles applied to your tags or categories. This property controls capitalization, and you might see values like:

uppercase (all letters capitalized), lowercase (all letters lowercase), capitalize (only the first letter of each word capitalized)

If the issue is related to CSS, you can fix it by editing the styles in your HubSpot design manager or stylesheet.

Try using text-transform: capitalize;This ensures that the first letter of each word is capitalized.

https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform

If the CSS isn’t the issue, the problem might be with how the tags or categories are entered in HubSpot. You can edit these directly in the content editor to make sure they’re uniformly capitalized as you want.

You can also review the following for more details:

https://knowledge.hubspot.com/design-manager/use-default-modules-in-your-template

https://knowledge.hubspot.com/blog/create-and-publish-blog-posts

If this helps, feel free to mark it as the solution ✔️ and give it an upvote 👍 ! Let me know if you have further questions!