# Mobile device screen html

**URL:** <https://community.hubspot.com/t/mobile-device-screen-html/11762>\
**Category:** APIs & Integrations\
**Created:** [October 11, 2018, 7:53am UTC](https://community.hubspot.com/t/mobile-device-screen-html/11762 "2018-10-11T07:53:53Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [October 11, 2018, 7:53am UTC](https://community.hubspot.com/t/mobile-device-screen-html/11762/1 "2018-10-11T07:53:53Z")

</div>

Hi, I have created a page in Act2 template of hubspot, but when I see the page in mobile device it shows the tabs which I have never inserted but it might be template default. Now I want to change the name of the tabs but I dont know where to edit it when it comes to mobile. I am attaching a screenshot.

Thanks In Advance

[

 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/9/694344df77b4f59ec2cb7e9c66f071336f1f6f93.png)

Screenshot from 2018-10-11 13-18-28.png1366x768 207 KB

]([https://community.hubspot.com/legacyfs/online/uploads/default/original/2X/c/c7e34a77aad05aa595529b8336c3312342f74b67.png](https://community.hubspot.com/legacyfs/online/uploads/default/original/2X/c/c7e34a77aad05aa595529b8336c3312342f74b67.png))

---

<div class="post-metadata">

**Author:** ![cbarley](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cbarley/32/82559_2.png) [@cbarley](https://community.hubspot.com/u/cbarley)\
**Post date:** [October 11, 2018, 3:35pm UTC](https://community.hubspot.com/t/mobile-device-screen-html/11762/2 "2018-10-11T15:35:54Z")

</div>

Hi @Abhi, to change those categories’ text you can do so on the template here: [Design Manager | HubSpot](https://app.hubspot.com/beta-design-manager/3906991/templates/5868182891#module=1515699305115184). I’ve created a screen recording of how to edit these: [Placeit | Create Amazing Mockups, Logos, Videos & Designs](http://recordit.co/dxM4vdrDnA)

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [October 11, 2018, 3:55pm UTC](https://community.hubspot.com/t/mobile-device-screen-html/11762/3 "2018-10-11T15:55:29Z")

</div>

Thanks Connor, It was really a great help. I was struggling with the template and code the whole day . Thank you again  
 ![slightly_smiling_face.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/2/42c4d129a1c6aa74d89f3066ee8fbb15db46b3b5.png)

---

<div class="post-metadata">

**Author:** ![cbarley](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cbarley/32/82559_2.png) [@cbarley](https://community.hubspot.com/u/cbarley)\
**Post date:** [October 11, 2018, 4:00pm UTC](https://community.hubspot.com/t/mobile-device-screen-html/11762/4 "2018-10-11T16:00:21Z")

</div>

No problem Abhi  
 ![smile.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/8/983d27b831ee3afc0b7aacc1d2004907b5883eb4.png)

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [October 11, 2018, 4:14pm UTC](https://community.hubspot.com/t/mobile-device-screen-html/11762/5 "2018-10-11T16:14:41Z")

</div>

Hey, I am sorry but there is just one thing left and I really need to understand this. As we have hs-input class in the css file which deals with all the input field across the template. suppose we want to give a different border colour to an input individually not the border colour which is used by the hs-input class. How could we give a different colour to an input because it is also a part of hs-input . I am uploading a screenshot and in that you could see on the left hand side there are input fields which I want to have pink border but on the right side I dont want that pink border I just need a white border on the right hand side input.

[

 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/b/abb9ce1a4eae43ebd3e400cfdb835a94e9814957.png)

Screenshot from 2018-10-11 21-42-40.png1366x768 173 KB

]([https://community.hubspot.com/legacyfs/online/uploads/default/original/2X/f/f932d21c67aef6b7c90e16ebabaca381a174a0bd.png](https://community.hubspot.com/legacyfs/online/uploads/default/original/2X/f/f932d21c67aef6b7c90e16ebabaca381a174a0bd.png))

---

<div class="post-metadata">

**Author:** ![cbarley](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cbarley/32/82559_2.png) [@cbarley](https://community.hubspot.com/u/cbarley)\
**Post date:** [October 11, 2018, 4:32pm UTC](https://community.hubspot.com/t/mobile-device-screen-html/11762/6 "2018-10-11T16:32:49Z")

</div>

Hi @Abhi, you’ll just need to add some CSS to be more specific with the selector that this is using. You can add the following code to this stylesheet: [Design Manager | HubSpot](https://app.hubspot.com/beta-design-manager/3906991/code/5868182555#L1151)  
[Design Manager | HubSpot](https://app.hubspot.com/beta-design-manager/3906991/code/5868182555#L1151)

```auto
.widget-type-blog_subscribe .hs-input:not([type="radio"]):not([type="checkbox"]), #hs-pwd-widget-password {
 border-color: white;
}

```
