I am trying to build out a page with my product categories and the text on the first category tile (A la Carte) is centering just fine within the category tile (position and text justification), but the second (Website Maintenance), though it is in the middle of the tile, the text is left justified and I can't seem to get it to change to centered. I don't see anywhere that I can adjust settings for this, but I could just be missing it. Could you help?
I have attached a screenshot of what I am seeing.
What I have tried so far:
- Category Grid element is set to "Middle" for Text Content Alignment - both seem to have the text set in the middle, though it has no affect on the text alignment (as expected) - Column setting for both Content and Text Alignment have been adjusted to "Centered" with no change - Category settings for header alignment (figured I would try everything) for both categories have been adjusted to mirror each other, and be different, neither seemed to affect how either showed on this page
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I am trying to build out a page with my product categories and the text on the first category tile (A la Carte) is centering just fine within the category tile (position and text justification), but the second (Website Maintenance), though it is in the middle of the tile, the text is left justified and I can't seem to get it to change to centered. I don't see anywhere that I can adjust settings for this, but I could just be missing it. Could you help?
I have attached a screenshot of what I am seeing.
What I have tried so far:
- Category Grid element is set to "Middle" for Text Content Alignment - both seem to have the text set in the middle, though it has no affect on the text alignment (as expected)
- Column setting for both Content and Text Alignment have been adjusted to "Centered" with no change
- Category settings for header alignment (figured I would try everything) for both categories have been adjusted to mirror each other, and be different, neither seemed to affect how either showed on this page
Thank you!
Melanie
Attached files: Screenshot 2023-10-04 at 1.15.01 PM.png
Hello there,
Thank you for reaching out to us.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar-category-grid .nectar-category-grid-item .content .cat-heading { max-width: 100%; }Try that and let us know how it goes.
Thanks,
That worked, thank you so much!