move recommended products text on product page and slightly reducing text size

[gihan7575]

the link to my website is : https://lobonewyork.com/products/skirt-17 thanks

[Moeed]

Hey @gihan7575

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 tag

NOTE This code will only reduce the font size, let me know where you wanna move the heading.

RESULT:

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

Best Regards,
Moeed

[BSSCommerce-B2B]

Hi @gihan7575 ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

h2.related-products__heading.inline-richtext.h2 {
    font-size: 18px !important;
}

In this step, you can chage the font-size as you want

Step 3: Save and reload home page.

=>> The result:

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

[gihan7575]

I need it moved to the right so it isn’t so close to the side of the page.

[pawankumar]

Hi @gihan7575
Please put this code in theme.liquid before body closing tab

Thanks!

[BSSCommerce-B2B]

Hi @gihan7575 ,

If you want moved the title to the right so it isn’t so close to the side of the page.

You can add this code follow my guildlines:

h2.related-products__heading.inline-richtext.h2 {
    font-size: 18px !important;
    margin-left: 100px !important;
}

You can change the value of margin-left as you want to move it to the right.

In my example, I choose 100px

The result will be:

[Made4uo-Ribe]

Hi @gihan7575

Im not sure where you want to move, and for the reducing the font of the heaer check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

product-recommendations h2.related-products__heading.inline-richtext.h2 {
    font-size: 1.2rem !important;
}

And Save.

And this is to move in the center.

h2.related-products__heading.inline-richtext.h2 {
    text-align: center;
}

And save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!