increase left margin with liquid code

[Bezpallko]

using liquid code i added the name of the current tag to display on the collection page, but i encountered the fact that the name is displayed with 0 indent on the left edge. How can i increase the indent from the left margin by 40px?

[Moeed]

Hey @Bezpallko 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Bezpallko]

https://extremgear.com/collections/electronics/Bluetooth-Speaker

[Moeed]

Hey @Bezpallko 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-template--17520170467503__custom_liquid_WtfAeT-padding {
    margin-left: 40px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Bezpallko]

does not work

[Rahul_dhiman]

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.section-template--17520170467503__custom_liquid_WtfAeT-padding {
padding-left: 40px !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[steve_michael2]

Hi @Bezpallko 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bot

.section-template--17520170467503__custom_liquid_WtfAeT-padding {
    margin-left: 40px !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!