hi,
I’m using below code to center the link text but it seems to only work on a few cards. Does anyone have a better code?
Topic summary
A user is experiencing issues with CSS code that only centers link text on some multicolumn cards in their Dawn theme, not all of them.
Proposed Solutions:
-
First approach: Add CSS targeting
.multicolumn-card__infowith flexbox properties (display: flex,justify-content: center,text-align: center) to the theme’s CSS file (theme.css or base.css). -
Second approach: Insert custom CSS within
<style>tags in the password.liquid file, above the</body>tag, targeting the same.multicolumn-card__infoclass with identical styling.
Both solutions use the same CSS properties but differ in implementation location. Screenshots demonstrate the expected centered text result. The discussion remains open as the original poster hasn’t confirmed which solution resolved their issue.
1 Like
Hello @INFRA ,
Navigate to Online Store > Themes > click on Edit code.
Locate and open the theme.css or base.css file. Scroll to the bottom and add the following CSS code:
.multicolumn-card__info {
display: flex;
justify-content: center;
text-align: center;
}
Result:
Hey @INFRA
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find password.liquid file
-
Add the following code in the bottom of the file above tag
RESULT
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like