html - Editing element inside another element in css -
i have 2 buttons. can move position of of them, want move specific button "home" left. here html code
    <ul class="fullsize-nav-ul">        <li class="nav-main-item menu-home">           <a href="http://atlanticsleeptherapeutics.com/?page_id=11">              <span>home</span>           </a>        </li>        <li class="nav-main-item menu-who-we-are">           <a href="http://atlanticsleeptherapeutics.com/?page_id=15">              <span>who are</span>           </a>        </li>    </ul> and css code move these 2 buttons
.fullsize-nav-ul {  position: relative;  right: 20px;  bottom: 150px;  } i tried way, not work
#fullsize-nav-ul li.nav-main-item menu-home a{  position: relative;  right: 30px; } 
in example changed selector class selector (.fullsize-nav-ul) id selector (#fullsize-nav-ul). not sure typo, based on code want class selector.
then introduced space between classes on same element in (li.nav-main-item .menu-home), instead turns selector descendant element (although you're missing period maybe that's typo?).
this should work:
.fullsize-nav-ul li.nav-main-item.menu-home {     position: relative;     right: 30px; } 
Comments
Post a Comment