Skoči na glavno vsebino

Divi CSS

Ozadje strani/prispevkov:
#main-content, .et_pb_section {
  background-color: #6B7F8E;
}
.et_pb_blog_grid .et_pb_post {
  background-color: #6B7F8E;
}

Slika za ozadje (stran + prispevki/strani + gradniki):

#main-content, #et-main-area, #left-area, #sidebar /*, .clearfix=noga*/ {
 background-image: url("http://www.vrtec-logatec.si/portal/vrtec/templates/kurircek_ver3/images/page.png");
 background-repeat: repeat;
}
Odstranitev črte med stranjo in gradniki:
#main-content .container:before {
  height: 1%;
  width: 0px;
  background-color: transparent;
}
Skrivanje/neprikazovanje  gradnikov (precej praznega prostora na desni!!!)
#sidebar {
 display: none
 }
 Fiksen logotip (samo pri vertikalni postavitvi primarnega menija):
#logo .et_fixed_nav  {
  max-height: 150px;
}

Večji logotip, ki se ob drsenju navzdol (scroll) zmanjša (če je vklopljen-Enabled Fixed Navigation Bar):

.et_fixed_nav #logo {
  max-height: 90px;
}
.et-fixed-header #logo {
  max-height: 45px;
}

Velikost pisave v glavi (telefon, mail):

#et-info {
  font-size: 24px;
  padding-bottom: 10px;
}

ali posamezno za telefon in email:

#et-info-phone { 
 font-size:130%
}
#et-info-email {
  font-size:130%
}

Velikost pisave v glavi za primarni meni:

#top-menu li {
 font-size: 18px;
}

… krepkejše črke v primarnem meniju:

#et-top-navigation {
 font-weight: 600;
 }

Velikost pisave v glavi za sekundarni meni:

#et-secondary-menu {
  font-size: 15px;
}
… za sekundarni meni in podmenije + krepko:
#et-secondary-menu .menu li a {
 font-size: 16px;
 font-weight: bold;
}
 Slika za ozadje pod primarnim menijem:
#main-header {
 padding-bottom: 70px;
 background: url(http://delavnica.splet.arnes.si/files/2015/09/barvice-header.jpg) 50% 100%; 
background-repeat: no-repeat;
}
“Barviceso kopirane s spletne stranihttp://www.os-zirovnica.si/
 
 

Sidebar (gradniki) – nepreverjeno 🙂 

#sidebar {
  background-color: #fafafa;
}
@media only screen and (min-width: 1100px) { /* full-size screens */
    .et_left_sidebar #sidebar {  /*left*/
        padding:70px 0 200px 30px; 
        margin:-70px 0 0 -30px;
    }
    .et_right_sidebar #sidebar { /*right*/
        padding:70px 30px 200px 0px; 
        margin:-70px -30px 0 0;
    } 
}
@media only screen and (min-width: 981px) { /* medium-size displays */
    #sidebar { 
        padding:70px 30px 200px 30px; 
        margin:-70px -30px 0 -30px; 
    }
}
@media only screen and (max-width: 981px) { /* mobiles, etc */
    #sidebar { 
        padding:30px 
    }
}
 

Meniji, podmeniji in aktivna postavka podčrtano in krepko

#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a,
.nav li ul .current-menu-item a {
    text-decoration: underline !important;   
    font-weight: 900 !important;

(Skupno 78 obiskov, današnjih obiskov 1)
Zapri dostopnost