Jump to content

CSS Help - Vertical Align Category & Product Names in List View


Recommended Posts

Hello all, and Happy New Year!


I have looked through the "MarcomCentral Store Customization Options" document and searched here on the forums, but can't seem to find how to do what our client would like.


In List View in the catalog, they would like the Category or Product names in list view to be centered vertically in the row.


The closest I have found to this is the CSS code for center-aligning them in Grid view, so it seems to me that this is possible; however, my educated guesses at changing this CSS have failed thus far to affect anything in List View!


<style type="text/css"> .gridItem_title {
margin-left:auto; margin-right:auto;
.gridItem_title table, .gridItem_title table tr td {
width: 100% !important; text-align: center;
} .gridItem_action {
margin-left:auto; margin-right:auto; width:50%;
} </style>


Attached is a mock up of what they are after, if that helps illustrate it better.


Thanks in advance, I appreciate any input that can be provided!




Link to comment
Share on other sites

  • Create New...