[SOLUCIONADO] Modificar diseño plantilla wordpress

[antonio17_j]

Alguien me puede ayudar diciendome como se modifica este tema de wordpress el diseño : http://wordpress.org/themes/vantage

ejemplo: cambiar el tamaño donde va el logo "vantage" , quitar lo que esta abajo del slide, etc....

lo de cambiar el tamaño del espacio, imagino es un div, probe modificando los css pero nada....

[ArturoGallegos]

como cambiar el tamaño... edita el css, quitar lo que esta abajo/arriba/lado de X cosa, elimina la sección correspondiente del código y/o deshabilita el widget correspondiente.

no tiene ciencia modificar un theme solo tienes que editar los archivos.

preguntas generales, respuestas generales.

[antonio17_j]

Iniciado por ArturoGallegos

como cambiar el tamaño... edita el css, quitar lo que esta abajo/arriba/lado de X cosa, elimina la sección correspondiente del código y/o deshabilita el widget correspondiente.

no tiene ciencia modificar un theme solo tienes que editar los archivos.

preguntas generales, respuestas generales.

e tratado de modificar el css pero no puedo modificar el tamaño de la cabecera(donde esta el logo) , quiero que este sea más pequeó, reducir el alto; podrias ser más específico en que línea del css está esto?, gracias de ante mano

[ArturoGallegos]

firefox incluye poderosas herramientas si presionas shift + F7 te aparece un editor CSS, en este editor en la parte superior tienes mas opciones como Inspector, da clic y te permitirá visualizar que html tienes en X sección y que estilos le afectan, así como en que archivo y linea se encuentra dicho CSS.

mas fácil no se puede, igual si estas hecho a la antigua utiliza firebug que hace mas o menos lo mismo.

[antonio17_j]

Bro, segui tu consejo estoy usando el firebug ya que uso google crhome, me ubico en la parte de css pero al dar clic en la parte de la cabecera no me señala la parte del código css que usa sino simplemente aparece todo..

[antonio17_j]

MI estimado al dar clic en la parte del logo y usa el firebug, me salta este codigo en la pestaña de css:

.fluid-width-video-wrapper {
padding:0;
position:relative;
width:100%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}


SIn embargo voy a la hoja de estilos del tema de wordpress y pongo ctrl+f para buscar si existe alguna parte del nombre de esos métodos y ninguno existe ....
ni .fluid-width-video-wrapper ni fluid-width-video-wrapper

[ArturoGallegos]

Cuando haces eso, en la parte derecha también te dice que archivo CSS y la linea en que se encuentra.

Si no logras encontrarlo en el archivo CSS quizás tengas que intentar con parte de esas propiedades... vamos el que tu lo veas todo en una sola linea no implica que el css este en una linea.

también puedes probar con aplicaciones como textcrawler para buscar en todos los archivos simultáneamente.

[antonio17_j]

Iniciado por ArturoGallegos

Cuando haces eso, en la parte derecha también te dice que archivo CSS y la linea en que se encuentra.

Si no logras encontrarlo en el archivo CSS quizás tengas que intentar con parte de esas propiedades... vamos el que tu lo veas todo en una sola linea no implica que el css este en una linea.

también puedes probar con aplicaciones como textcrawler para buscar en todos los archivos simultáneamente.

si pero esto es lo que me sale a la derecha, y si tienes razon sale exactamente en la linea donde se encuentra, pero mmmm ni idea donde modifico en estas lineas para hacer mas pequeño e banner:

header#masthead {
background-color:#FCFCFC;
background-position:initial initial;
background-repeat:initial initial;
box-sizing:border-box;
padding:0 35px;
}
style.cs...ver=1.1.5
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display:block;
}
style.cs...ver=1.1.5 (line 95)
Inherited fromdiv#page-wrapper
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
}
style.cs...ver=1.1.5 (line 16)
Inherited frombody.home
body, button, input, select, textarea {
color:#333333;
font-family:'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
font-size:13px;
line-height:1.5em;
}
style.cs...ver=1.1.5
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
}
style.cs...ver=1.1.5 (line 16)
Inherited fromhtml
html {
font-size:62.5%;
}
style.cs...ver=1.1.5 (line 84)
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
}

[antonio17_j]

Iniciado por ArturoGallegos

Cuando haces eso, en la parte derecha también te dice que archivo CSS y la linea en que se encuentra.

Si no logras encontrarlo en el archivo CSS quizás tengas que intentar con parte de esas propiedades... vamos el que tu lo veas todo en una sola linea no implica que el css este en una linea.

también puedes probar con aplicaciones como textcrawler para buscar en todos los archivos simultáneamente.

En fin despés de tanto buscar, para modificar el tamaño del header estaba en estas lineas:
padding-bottom:45px;
padding-top:45px;

que bueno le reduje el espacio y ya quedo =S
y tmb la ayuda en el mismo vantage theme: https://translate.googleusercontent.com/translate_c?depth=1&hl=es&ie=UTF8&prev=_t&rurl=tra nslate.google.com.ec&sl=en&tl=es&u=http://wordpress.org/support/topic/spacing-on-header-and-footer&usg=ALkJrhhmCbWHzCpz9wTjrzLe42YecUy7sw

aunque toco usa google traslator todo en inglés U_U, igual grax