Re: Align texts and the product grid regardless of the number of words in the title for Refresh Them

danghuynh · ‎10-31-2022

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

suyash1 · ‎10-31-2022

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

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

themehelper · ‎10-31-2022

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

Wish-It · ‎10-31-2022

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.

I am founder of WishIt.app, you can create any theme edit task on our app - WishIt.app : Custom CSS / JS and we will do it for you. The first task is FREE!

Don't forget to checkout our reviews on Shopify AppStore.

DelightCart · ‎10-31-2022

@danghuynh Please send me store url...

⚡️ Delight Cart - It's time to turn your visitors into loyal shoppers! ✨

⚡️ Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

danghuynh · ‎10-31-2022

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

suyash1 · ‎10-31-2022

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

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

danghuynh · ‎10-31-2022

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?

Cedcommerce · ‎10-31-2022

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 </head> tag.
Save the changes and check your website it should work.

Code:-

image.png

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

All the best,

CedCommerce

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here

danghuynh · ‎10-31-2022

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 </head> tag.

Not sure if I did it right. I copy the code {{ "custom.css" | asset_url | stlyesheet_tag }} and put it before the <head> tag, then save it and nothing happen. 😞

danghuynh · ‎10-31-2022

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

Re: Align texts and the product grid regardless of the number of words in the title for Refresh Them

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

Community Blog Articles