css - Adressing a section or class does not work -
i have problem using styles in class style.css. class structure shown below. tried far make changes is:
@media (max-width:920px) { #section {padding-left:20px !important} } @media (max-width:920px) { #block-system-main {padding-left:20px !important} } @media (max-width:920px) { .block-system-main {padding-left:20px !important} } @media (max-width:920px) { .block .block-system .clearfix {padding-left:20px !important} }
class structure looks that:
<section id="block-system-main" class="block block-system clearfix"> <div id="node-493" class="node node-meeting node-promoted node-teaser clearfix"
when right clicked , examined element found spot in css code, styles automatically applied class. looked that:
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
the "section" accentuated blue here, guess class important in case. if wrote padding-left:20px; in part of code, worked fine, not understand why solution not work...
no need write each , every time media queries same resolution. can combine one. there no id called "section" , class called "block-system-main".
@media , (max-width: 920px) { section.block-system{padding-left:20px !important} }
just add above 1 line instead of entire code.
Comments
Post a Comment