Hey guys does anyone know how to add this border thing (blue) and how to make specific text bold

Store Design
1

dannytruong123_0-1684221649652.png
dannytruong123_0-1684221649652.png1661Ă—119 15.8 KB

1 Like
2

@dannytruong123 Can you share your store url?

3

Hello @dannytruong123

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution?

4

Hi @dannytruong123 ,

I just want to clarify, you want to add another border? or you want the hover line blue?

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.scss.liquid” or “styles.scss.liquid” file, depending on which file your theme uses to store its CSS styles. (better you put in the theme.scss folder since it’s a header).
  4. At the bottom of the file, add the following CSS code:
  5. And Save.

This is for adding the NEW BORDER line.

li#link_New a span {
    border-bottom: 2px solid blue;
}
li#link_Best_Sellers span {
    border-bottom: 2px solid blue;
}
details#Details-HeaderMenu-3 span {
    border-bottom: 2px solid blue;
}

Result:

Rose_Dim_0-1684234820713.png
Rose_Dim_0-1684234820713.png1333Ă—304 178 KB

Since you have the hover line. It will be look like this.

Rose_Dim_1-1684234930934.png
Rose_Dim_1-1684234930934.png1366Ă—303 159 KB

And If you want the hover line colored in blue.

.header__menu-item:hover span {
    text-decoration-color: blue;
    text-decoration-thickness: 5px;
}

Result:

Rose_Dim_2-1684235018605.png
Rose_Dim_2-1684235018605.png1348Ă—202 73.8 KB

And for bolding the specific text just add Font-weight: 100px;

i hope it helps.

1 Like
5

hello rose, wher do i add the font weight 100px

6

can i send u a loom video https://www.loom.com/share/067c07339e99488c8defcb462f55d484