Align texts and the product grid regardless of the number of words in the title for Refresh Theme

Store Design
1

Hello, can you help me to align texts and the product grid regardless of the number of words in the title for the Refresh Theme please. I saw in the previous discussion one instruction in which they change some codes in the Asset/Theme-editor.css, however, I could not find the theme-editor.css, only theme-editor.js available. I had tried replace the same code but it did not work.

Thank u for ur help

2

@danghuynh - can you please share your page link? what alignment do you need?

3

@danghuynh
kindly share your store URL and a screenshot of your problem so,
I can solve your problem perfectly.
Thank You.

4

Hi,

Try to add this CSS in Themes > Edit Code > base.css file,

.card__information, .card-information {
    text-align: center;
    justify-content: center;
}

If you want, you can create it as a task on our app, and we will do it for you. The first task is free.

5

@danghuynh Please send me store url…

6

Hi there, it’s gizmosup.com, I attach the screenshot too

Screen Shot 2022-10-31 at 1.52.11 PM.png
Screen Shot 2022-10-31 at 1.52.11 PM.png2624×572 205 KB

7

@danghuynh - height needs to be adjusted, but if we do then it will look like this, is it ok for you?

suyash1_0-1667199661779.png
suyash1_0-1667199661779.png1366×768 240 KB

8

it looks a bit weird, maybe i should leave it as it is. But by the way, can u also show me how to add the star rating to that and also show it on the home page please?

9

Hello @danghuynh ,

You have to follow the below-provided steps to add the custom CSS code in the Refresh theme:-

  • Create a new asset file in your asset folder named custom.css.
  • Put all the CSS code in this file.
  • Save it and open the theme.liquid file from the layout folder.
  • Now you need to include that asset in your theme, so you need to add the below code just before the tag.
  • Save the changes and check your website it should work.

Code:-

{{ “custom.css” | asset_url | stlyesheet_tag }}

Cedcommerce_0-1667228268836.png
Cedcommerce_0-1667228268836.png300×131 19.2 KB

image.png

Hope it helps, let us know if you need any further help.

All the best,

CedCommerce

10

Hi Ced

Thank you for your instruction. I had done the same until this step

  • Now you need to include that asset in your theme, so you need to add the below code just before the tag.

Not sure if I did it right. I copy the code {{ “custom.css” | asset_url | stlyesheet_tag }} and put it before the tag, then save it and nothing happen. :disappointed_face:

11

Hi Ced, can u send another image with good quality, I could not see the attachment :disappointed_face: sorry