How can I apply thickness to only one website section?

Store Design
,
1

Hi,

how to apply this thickness only to one section? it was applied to all section on this page and cant apply it only for this one. Please help

Direct link to page: https://nexaco.co/pages/about-us

password: 123456

Rupert22_0-1707677124438.png
Rupert22_0-1707677124438.png400×166 54.2 KB

2

Add this code in your base.css file:

strong {
  font-weight: normal !important;
}

Result:

5.PNG
5.PNG1190×478 350 KB

3

Im sorry, didnt make my self clear. I mean thickness around containers, not the font. I mean thickness that you can on pictures. And i want to apply this thickness to only one section. Like i have e.g. 3 sections, one is “Who We Are” and i want to have this thickness effect only to this one. Because when i apply it there, it applies to every section on this page.

after (2).png
after (2).png1910×803 267 KB

before.png
before.png1915×863 283 KB

4

I apologize for any confusion. If you want to change the border width in a specific section of your page, you need to reference its id.

Add the following code to your base.css file and adjust the ‘thickness’ in pixels to your liking:

div#ImageWithText--template--20557345554771__image_with_text_rjG9AY {
  border-width: 36px !important;
}

Remember that if you delete this section and add another identical one, the id will be different.

Result:

1.PNG
1.PNG1355×499 473 KB

5

Thanks, and i want to change thickness of this section too. What is the ID please? or please can you post here whole code too?

Rupert22_0-1707756430108.png
Rupert22_0-1707756430108.png1887×806 200 KB

6

Of course, all you need to do is right-click on the section you want to get its ID from, and then open the ‘element inspector.’ There, you’ll see something like this:

1.PNG
1.PNG1576×611 214 KB

By the way, on your website, right-clicking is disabled. To open the ‘element inspector,’ you’ll need to go to the three dots at the top right of your browser > More tools > Developer tools, and then with CTRL+SHIFT+C, left-click on the section.

If you want to add that ID, you can also do it easily in the previous code by simply adding a comma, so that both IDs are separated and included in the CSS style change you want.

#ImageWithText--template--20557345554771__image_with_text_rjG9AY,
#ImageWithText--template--20557345554771__image_with_text_TpCwEN {
  border-width: 4px !important;
}

As it’s an ID, you’ll need to add this symbol: #

Result:

2.PNG
2.PNG1196×595 269 KB

7

Thanks a lot, you are my hero!!

1 Like