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):
@media only screen and (max-width: 999px) and (min-width: 690px) {
.nectar-post-grid[data-columns="4"][data-grid-spacing="none"]:not([data-masonry="yes"]) .nectar-post-grid-item {
padding-bottom: 0% !important;
}
}
When screen is between 690-999px, a "padding-bottom:50%" is applied. I do not want the bottom padding to be 50%, I want it to be 0%.
How can I get this to be removed!?!?!
The command is coming there here on the page:
@media only screen and (max-width: 999px) and (min-width: 690px)
.nectar-post-grid[data-columns="4"][data-grid-spacing="none"]:not([data-masonry="yes"]) .nectar-post-grid-item {
width: 50%;
padding-bottom: 50%;
}
Hey aaronriggs ,
We would need to login to view the Global Section. Could you setup a test page where we can view the issue or provide the login credentials?.
Thanks
ThemeNectar Support Team
Hey Again,
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):
@media only screen and (max-width: 999px) and (min-width: 690px) { .nectar-post-grid[data-columns="4"][data-grid-spacing="none"]:not([data-masonry="yes"]) .nectar-post-grid-item { padding-bottom: 0% !important; } }Thanks
ThemeNectar Support Team
Thanks, that worked!