Archived topic
CSS problem, please help
5 replies · Started by Jacek.maslinski on April 14, 2020
I am using Mellow from Site Library, I would like to change some CSS but it is totally not working. Probably I am not targeting it right ? I could use some tip if possible. Thank You!
#page {
margin: -50px auto 30px auto;
}
@media (max-width: 768px)
{
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container
{padding:0px;
}
#page {
margin: -75px 20px 20px 20px;
}
}
Hi there,
some of the CSS from the Site import has been broken - look for this:
.main-navigation .main-nav>ul>li:hover>a,
.main-navigation .main-nav>ul>li.sfHover>a,
.main-navigation .main-nav>ul>li[class*="current-menu-"]>a {
border-color: inherit;
}
and immediately after it add a }
Thank You very much! I spent a lot of time trying to make it right. Could you maybe suggest some page or application that you can check the code for these kind of mistakes ? Once again, thanks a lot!
I use this service sometimes:
https://jigsaw.w3.org/css-validator/
I will check it. Thanks!
No problem :)