[Ayuda] Css child theme wordpress

franxu · 22 Ene 2013

Hola tengo el siguente codico css:

PHP:

body .site{margin-top:0;margin-bottom:0;box-shadow:none}.main-navigation ul.nav-menu,.main-navigation div.nav-menu > ul{border:none;display:inline-block!important;width:auto}.entry-header .entry-title{font-weight:600}.main-navigation{float:right;width:auto;margin-top:.8em}.main-navigation ul li:last-child{margin-right:0}img.avatar,img.grofile-thumbnail{border-radius:50%}.site-header h1{line-height:1.2}#masthead hgroup{width:auto;float:left;margin-top:1em;margin-bottom:1em}#main{clear:both}blockquote,blockquote p{font-family:"freight-text-pro"}*{font-family:"franklin-gothic-urw", "Helvetica Neue", Helvetica, arial, sans-serif!important}.site-header h1 a:hover,.site-header h2 a:hover,a:hover{color:#000}h1.entry-title a{color:#000!important;font-weight:600}.site-header h1 a,.site-header h2 a,a,h1.entry-title a:hover{color:#e1523d;text-decoration:none}


.

Lo quero ordenar que quede algo mejor. Alguien me puede ayudar?

Que queda aci:

HTML:

body {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
color: #000;
font-size: 12px;

rotherus · 22 Ene 2013

para que quieres hacer eso tu archivo pesara mas :ghost:

franxu · 22 Ene 2013

rotherus dijo:
para que quieres hacer eso tu archivo pesara mas :ghost:

Ya lo tengo :encouragement:

shadowhck · 22 Ene 2013

Con DreamWeaver se hace automaticamente si no me equivoco, y si no lo tienes (no lo recomiendo de todas formas), manualmente, no te tomara mucho.

- - - Actualizado - - -

Aqui tienes:

Insertar CODE, HTML o PHP:

body .site {
    margin-top:0;
    margin-bottom:0;
    box-shadow:none
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    border:none;
    display:inline-block !important;
    width:auto
}
.entry-header .entry-title {
    font-weight:600
}
.main-navigation {
    float:right;
    width:auto;
    margin-top:.8em
}
.main-navigation ul li:last-child {
    margin-right:0
}
img.avatar,
img.grofile-thumbnail {
    border-radius:50%
}
.site-header h1 {
    line-height:1.2
}
#masthead hgroup {
    width:auto;
    float:left;
    margin-top:1em;
    margin-bottom:1em
}
#main {
    clear:both
}
blockquote,
blockquote p {
    font-family:"freight-text-pro"
}
* {
    font-family:"franklin-gothic-urw", "Helvetica Neue", Helvetica, arial, sans-serif!important
}
.site-header h1 a:hover,
.site-header h2 a:hover,
a:hover {
    color:#000
}
h1.entry-title a {
    color:#000!important;
    font-weight:600
}
.site-header h1 a,
.site-header h2 a,
a,
h1.entry-title a:hover {
    color:#e1523d;
    text-decoration:none
}

Ángel Suárez · 22 Ene 2013

¿Por qué no lo recomiendas?

shadowhck dijo:

Con DreamWeaver se hace automaticamente si no me equivoco, y si no lo tienes (no lo recomiendo de todas formas), manualmente, no te tomara mucho.

- - - Actualizado - - -

Aqui tienes:

Insertar CODE, HTML o PHP:

body .site {
    margin-top:0;
    margin-bottom:0;
    box-shadow:none
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    border:none;
    display:inline-block !important;
    width:auto
}
.entry-header .entry-title {
    font-weight:600
}
.main-navigation {
    float:right;
    width:auto;
    margin-top:.8em
}
.main-navigation ul li:last-child {
    margin-right:0
}
img.avatar,
img.grofile-thumbnail {
    border-radius:50%
}
.site-header h1 {
    line-height:1.2
}
#masthead hgroup {
    width:auto;
    float:left;
    margin-top:1em;
    margin-bottom:1em
}
#main {
    clear:both
}
blockquote,
blockquote p {
    font-family:"freight-text-pro"
}
* {
    font-family:"franklin-gothic-urw", "Helvetica Neue", Helvetica, arial, sans-serif!important
}
.site-header h1 a:hover,
.site-header h2 a:hover,
a:hover {
    color:#000
}
h1.entry-title a {
    color:#000!important;
    font-weight:600
}
.site-header h1 a,
.site-header h2 a,
a,
h1.entry-title a:hover {
    color:#e1523d;
    text-decoration:none
}

shadowhck · 22 Ene 2013

abstracta dijo:
¿Por qué no lo recomiendas?

Personalmente, nada como usar un editor de textos con marcado de sintaxis. :encouragement:

Rafark · 4 Abr 2013

rotherus dijo:
para que quieres hacer eso tu archivo pesara mas :ghost:

Pero la limpieza del código es también muy importante.

[Ayuda] Css child theme wordpress

franxu

rotherus

franxu

shadowhck

Ángel Suárez

shadowhck

Rafark

Temas similares