Hello,
I am having an issue modifying something on my site. as you can see in the picture, (on screen width 375 or less) the “backsplashes” text on my essential grid is too large. I am trying to select that text and bring down the size using CSS. here is the code I tried using but have had no success.
@media (min-width: 0px) and (max-width: 375px)
{#eg-14-post-id-3.filterall.eg-our-work-nav-wrapper.eg-post-id-3.tp-esg-item.itemtoshow.isvisiblenow.esg-media-cover-wrapper.esg-entry-cover.esg-cc.eec.esg-center.eg-our-work-nav-element-1-a.eg-our-work-nav-element-1
{ font-size: 10px !important;
}
}
Do you have any suggestions on what the correct CSS path for this item would be? and do you have any suggestions on how I can find the correct CSS path in the future?
(I am going to include the link to the page i am talking about as well as my login credentials in a secure note)
Much Thanks,
Morgan