Centering Catalogue image icon

I have downloaded the free trial and I’m going to upgrade, providing I can figure out how to change the styling on the image grid for the first page displayed on the catalogue.

For example:

https://hightides.info/?page_id=48
(complete catalogue)

and here
https://hightides.info/?page_id=98
(single category catalogue)

first off, these “in between” pages – to get into the catalogue itself – seem unnecessary. I would much rather go straight to the catalogue list view, at least in all the smaller catalogues (basically everything but the main high tides catalogue page).

I got rid of the image/catagory options through the styling tabs, but “landing page” images will not go away…

so as a work around, I tried styling via the page builder rows, but it changes the text and other elements, when all I want to change is the image link to the catalogue so it is aligned in the center of the page ~ basically, instead of being left justified it is centered on individual catalogue “landing” page accessed through the pull down menu.

The default positioning is passable and looks okay on the “products page”, as this is a complete catalogue of category thumbs, because there are enough of them, but it would look better centered or gone all together from the other pages (straight to the list view of the catalogue) when there is only one.

is this possible through css?

I think this is what I’m trying to alter on the flowers page (the other pages have similar code with each of the category images)

<div class=”upcp-overview-mode-image upcp-category”></div>

I have tried to add various versions of the following into my catalogue custom CSS field to no avail:

.upcp-overview-mode-image-link {
text-align: center;
}

.upcp-overview-mode-image-link-div {
text-align: center;
}

am I asking the impossible?

thank you

blake