¿Alguien me ayuda a modificar el tema Evolve?

MarceFX · 12 Oct 2011

Hola,

Estoy actualmente desarrollando un nuevo proyecto usando este tema:

WordPress › EvoLve « Free WordPress Themes

Me gustaría hacerle unas pequeñas modificaciones, pero tras navegar horas y horas entre el código de los CSS no he logrado conseguirlo. A ver si alguien me puede echar un cable:

1. En la preview del tema podréis ver que los botones de "Keep in touch" están a la izquierda. Me gustaría ponerlos a la derecha, con texto encima, o bien eliminando la barra de búsqueda o colocándolos debajo algo más pequeños.

2. El texto "Buscar" en el botón de búsqueda no sale completo y no sé dónde está para modificar el tamaño.

3. Me gustaría disminuir el tamaño del título de las entradas, pero no he encontrado nada. Según veo en el código, el texto del título de la entrada se determina en esta secuencia del archivo index.php del tema:

Insertar CODE, HTML o PHP:

<!--BEGIN .hentry-->

<div id="post-<?php the_ID(); ?>" class="<?php semantic_entries(); ?>">
					


          <?php $options = get_option('evolve'); if (($options['evl_header_meta'] == "") || ($options['evl_header_meta'] == "single_archive")) 
        { ?>
        
        <h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php if ( get_the_title() ){ the_title();}else{ _e( 'Untitled', 'evolve' );  } ?></a></h1>

Si cambio el H1 por H4, sigue con el mismo tamaño :ambivalence:

¿Alguna idea?

Gracias

rai · 13 Oct 2011

hola, especifica mejor que quieres hacer en el punto 1, si quieres dejar la barra de busqueda o no, etc

el punto 2 depende de lo que digas que quieres en la numero 1
pero puedes modificarlo en base.css en la linea

PHP:

#search-button-box {position:relative;float:left;margin-left:5px;width:55px;z-index:0;}

cambia el width por el tamaño de la imagen que quieras, o puedes cambiar el tamaño de la fuenta en

PHP:

#search-button {font-family:arial;text-shadow:0 1px 2px #111;font-weight:700;text-transform:uppercase;background:none;border:none;left:3px;top:3px;position:relative;z-index:1;height:35px;padding-top:5px; padding:0;width:94%;letter-spacing:-1px;font-size:18px;color:#ddd;}

cambiar el font-sice por el tamaño que quieras

punto 3 buscan en el css en base.css que esta en evolve\library\media\css

PHP:

.entry-title, .entry-title a { color: #51545c; font-size: 8px; line-height: 38px;letter-spacing:-2px;font-weight:bold; text-shadow: 0 1px 2px #fff;}

y sustituye font-size por el tamaño que quieras.

MarceFX · 13 Oct 2011

Muchas gracias!

Voy a toquetear a ver y de paso subo ahora unas pruebas en Photoshop sobre lo que quería hacer en el punto 1, para que sea más fácil de ver.

Saludos

MarceFX · 18 Nov 2011

Bueno, pues ahora me encuentro con un nuevo problema. Al subir el header me aparecen dos cuadrados blancos laterales tal que así:

Lo verde del fondo debería llegar a ambos lados. ¿Alguna idea?

Muchas gracias 🙂

rai · 19 Nov 2011

no tienes alguna sitio donde ver la web?

MarceFX · 19 Nov 2011

No. Es que aún tengo el sitio offline. Lo edito en local con MAMP. ¿Qué necesitarías ver? Por si puedo subir un pantallazo o copiar aquí el código.

Gracias!

rai · 20 Nov 2011

es para verla con firebug, me es mas como encontrar los fallos asi,
puedes publicar el codigo css y header?

MarceFX · 20 Nov 2011

Tienes un privado 😉

El CSS que aplica creo que es este:

Insertar CODE, HTML o PHP:

<!--BEGIN .header-->
		<div class="header" style="margin: 0 auto;<?php if( get_header_image() ) { ?>padding:10px 20px 35px 20px;width: 940px;background:url('<?php header_image(); ?>');<?php } ?>">


    
	<!--BEGIN .container-->
	<div class="container" style="margin-bottom:0px;">

Eso está en el archivo header.php y en base.css creo que se definen las clases:

Insertar CODE, HTML o PHP:

/* Header */
.header {padding:12px 0 30px 0;background:#6b7076 url('../images/header.jpg') bottom left repeat-x; }
#logo-image {float:left;margin-right:20px;}
 

/* Content Background */



.content-top {background:url('../images/container-content.jpg') top left repeat-x;height:6px;_margin-bottom:-11px; }
.content {padding-top:25px;background:url('../images/content.jpg') top left repeat; }
.content-bottom {width:100%;height:4px;bottom:0;left:0;right:0;background:#fff;border-top:#ddd 1px solid;}  
 

/* Logo */
#logo, #logo a { font-size: 50px; float:left; margin-right:10px; letter-spacing:-1px; line-height: 50px; font-family:Impact; }
#logo a, .footer a { color: #1f9df6; text-shadow:0px 1px 2px #222;}
#logo a:hover , .footer a:hover {color: orange; text-decoration: none; }
#tagline { color: #eee; padding-top:20px; line-height:30px;font-size: 15px;font-weight:bold;text-shadow:0px 1px 0px #555; }

No sé si interfiere con algo más, puesto que aunque le ponga más ancho siempre mide 940 como máximo y deja esos huecos blancos.

Saludos

KuinsiBlog · 21 Nov 2011

muchas gracia

MarceFX · 21 Nov 2011

kuinsi809 dijo:
muchas gracia

Por?

Saludos

rai · 22 Nov 2011

hola, despues de darle alguna vueltas, creo que tu problema se debe a que no has colocado correctamente la imagen de header,
por la pruebas que he estado haciendo, pude emular el mismo error que te ocurre a ti.

lo que has echo es poner la cabecera en el apartado "apariencia/cabecera" y por eso te da el error, la imagen debes colocarla en las opciones del theme,

te adjunto una imagen siempre es mejor
Enlace eliminado

los pasos que tienes que seguir son

vas ha apariencia/cabecera y eliminas la imagen
vas ha apariencia/setting y pulsas sobre header content (1)
subes la imagen que quieras (2) y guardas los cambios (3)

con eso se debe de solucionar el problema

MarceFX · 23 Nov 2011

Hola,

Lo siento pero creo que eso no es. Ya lo había probado. Una cosa es la cabecera y otra el logo, que es a lo que tú te refieres. El logo está por encima de la cabecera, así que si subo una imagen ocurre lo siguiente:

Enlace eliminado

El logo de 990 px de ancho hace que se descuadre todo, ya que el banner azul (que será adsense) no flota encima. Si recorto el logo siguen quedando huecos por arriba y abajo.

Saludos

rai · 23 Nov 2011

aaa, es que al principio del post decia de las partes en blanco que quedaban al poner el logo

donde viene la opcion para cambiar ese barner? no lo encuentro en las opciones del theme,

hora no me puedo poner con eso, despues le echare un vistazo,

?porque no pones el logo a la mitad con el fondo transparanrte?

EDITO

la manera que he encontrado de solucionar eso es la siguiente:

en el archivo header.php, ( si no has modificado nada en ese archivo) busca  hay tienes que borrar los 4 primeros bloques php

PHP:

    <?php $options = get_option('evolve'); 
     if (!empty($options['evl_space_1'])) { 
    
 $ad_space_1 = $options['evl_space_1']; 
 echo '<div style="float:right;margin-left:10px;overflow:hidden;">'.stripslashes($ad_space_1).'</div>';
 
 } 
?>                        
  
  
  
  <?php $options = get_option('evolve'); if ($options['evl_pos_logo'] == "disable") { ?>
  
  <?php } else { ?>
  
    <?php $options = get_option('evolve');
    if ($file = $options['file']) {
        echo "<a href=".home_url()."><img id='logo-image' src='{$file['url']}' /></a>";
    }
      ?>

y sustituirlas por

PHP:

  <?php $options = get_option('evolve'); if ($options['evl_pos_logo'] == "disable") { ?>
  
  <?php } else { ?>   
  <?php $options = get_option('evolve');
    if ($file = $options['file']) {
        echo "<a href=".home_url()."><img id='logo-image' src='{$file['url']}' /></a>";
    }
      ?>  
  <?php $options = get_option('evolve'); 
     if (!empty($options['evl_space_1'])) { 
    
 $ad_space_1 = $options['evl_space_1']; 
 echo '<div style="float:right;margin-left:10px;margin-right:20px;margin-top: -80px;overflow:hidden;">'.stripslashes($ad_space_1).'</div>';
 
 } 
?>

lo unico que he echo es cambia le lugar el 1º bloque de php que es el que se encarga del barner y colocarlo debajo del 4º php que es el que se encarga del logo, y modificar el style, esta modificado a las pruebas que yo he echo, ajustalo a tus necesidades.

seguramente se podra hacer de otra forma mas "fina" pero es que tengo la cabeza como un bombo hoy..........

MarceFX · 25 Nov 2011

Gracias compi. He estado fuera y no he podido hacer pruebas. En cuanto pruebe te aviso ;-)

Saludos!

¿Alguien me ayuda a modificar el tema Evolve?

MarceFX

rai

MarceFX

MarceFX

rai

MarceFX

rai

MarceFX

KuinsiBlog

MarceFX

rai

Adjuntos

MarceFX

rai

MarceFX

Temas similares