@DarrenHill I don’t know the direct answer, but you can use the developers window element tab to see and test how to adjust the css changes
See the second link in my signature below for an explanation how to use the dev window
in css, the part before the { is called the selector clause
It selects the elements the stuff inside the {} will be applied to
I use this cheatsheet to help me remember, you can combine them
. Means class
# means id
No prefix means tag name
https://www.w3schools.com/cssref/css_selectors.php
The selector ALWAYS selects ALL elements that match. So you may have to get very specific
I had to hide an element created by a form library
.possibly-hidden-tab div:nth-child(2) > div > div >div >ul >li:only-child >a[rel*="Item%201"] {
display: none;
}