Avisos
Vaciar todo

Como modificar el ancho del theme titania?  

 
José Francisco
 José Francisco
Usuario eminente

Hola!
queria preguntar como hacer para modificar el ancho de pagina mi web con el theme titania. queria que la parte del texto se vea en un plano mas angosto tal como la web que adjunto. ya que de esa manera se ve mas distinguida la pagina.
Muchas gracias!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 01/09/2014 4:33 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Entiendo que estás preguntando sobre cómo modificar la distribución de los anchos de las distintas áreas de la página en lugar de cambiar el ancho de la página completa.

Desde la configuración del tema podrás cambiar la distribución del ancho de estos módulos, para ponerlos a tu gusto. Vete a la siguiente página:

https://www.webempresa.com/tutoriales-packs-webempresa-wordpress-con-framework-gantry.html

y revisa el vídeo "6 - Cambiar distribución de los widgets" en donde se explica cómo hacerlo.

ResponderCitar
Respondido : 01/09/2014 11:08 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

José Francisco
 José Francisco
Usuario eminente

Hola! vi la parte de layout pero no logre dar con la tecla para poder lograr lo q quiero. Creo que va mas alla de los widgets, sino que es como esta programado el theme para mostrarse.
estuve viendo el codigo del index y creo que aqui podria encontrar la solucion, pero como no se programar lo copio y te queria consultar.
si modifico las opciones marcadas en rojo puede ser que la web se muestre en una porcion de la pantalla y no a fullscreen?

muchas gracias!

get('layout-mode') == '960fixed') : ?>
<meta name="viewport" content="width=960px" />
get('layout-mode') == '1200fixed') : ?>
<meta name="viewport" content="width=1200px" />

browser->name == 'ie') : ?>

displayHead();

$gantry->addStyle('grid-responsive.css', 5);
$gantry->addLess('bootstrap.less', 'bootstrap.css', 6);

ResponderCitar
Respondido : 02/09/2014 6:06 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Recuerda que la plantilla por defecto es responsive, para cambiar este parámetro tienes que dirigirte a titania theme => Avanzado => Tipo Layout , en este parámetro podrás modificar los 3 valores ya sea por el responsive que tiene un comportamiento similar al fullscreen o por lo contrario los valores fijos.

No recomendamos cambios de programación y no brindamos soporte sobre el mismo.

ResponderCitar
Respondido : 02/09/2014 6:43 am

Cursos Gratuitos WordPress

José Francisco
 José Francisco
Usuario eminente

Hola!
estuve leyendo mucho hoy del tema y probando lo mencionado de layouts.
lo que busco es poder generar un margen a la derecha e izquierda del mainbody. para que la web quede mas estrecha, tal como la imagen que adjunte al inicio del tema.
Hay alguna forma de hacerlo?
Gracias

ResponderCitar
Respondido : 03/09/2014 5:35 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Puedes hacerlo mas estrecho con las indicaciones que te brinde, lo máximo es 960px:

Lo demas pasa por cambios de programación.

ResponderCitar
Respondido : 03/09/2014 6:46 am

José Francisco
 José Francisco
Usuario eminente

Hola! gracias por la respuesta, me surgieron nuevas dudas que estaba viendo el theme y aprovecho y te las pregunto aca.

En la personalizacion del theme, que podria hacer en el cuadro que dice "CSS PERSONALIZADO"? para que podria utilizarse? por ejemplo un color de fondo para toda la web?

Estas son las otras dudas que surgieron al trabajr con los widgets:

  1. Como hago para ponerle un color de fondo de la web?
  2. como puedo cambiar en el "override inicio" al widget utility que por defecto en el theme Titania tiene un cuadro gris
  3. en "custom variations" dentro de las cajas de los widgets para que lo puedo utilizar?
  4. hay alguna forma de ponerle un color de fondo a un widget? o a una caja de un widget?

Mucha gracias!

ResponderCitar
Respondido : 04/09/2014 3:09 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

En ese parámetro CSS Personalizado podrás añadir estilos CSS que quieras que se apliquen en la web. Podría servir para cambiar diversos aspecto del diseño de la misma.

Sobre las otras consutas:

1. Para cambiar el fondo de la página podrías añadir en el campo CSS Personalizado un código como el siguiente:

body {
background: #FF0000;
}

En el ejemplo anterior he puesto un color de fondo rojo (código #FF0000) pero puedes poner el que quieras.

2. En el mismo campo anterior tendrías que agregar algo como lo siguiente:

#rt-utility {
background: #FF0000;
}

De nuevo puedes poner el color que quieras.

3. El campo Custom Variations de los widgets sirven para poder aplicar estilos personalizados a los widgets. Si, por ejemplo, ponemos el valor "prueba1" podríamos agregar un estilos CSS como el siguiente:

.prueba1 {
aquí pondríamos los atributos CSS que queramos usar
}

4. Sí, para eso puedes usar el parámetro Box Variation de los widgets. En el siguiente enlace se puede ver estos estilos aplicados:

http://demos-wordpress.webempresa.com/titania/?page_id=137

Para futuras consultas es preferible que plantees temas distintos en hilos distintos del foro.

ResponderCitar
Respondido : 04/09/2014 4:03 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

José Francisco
 José Francisco
Usuario eminente

Hola!

sigo con el numero de las consultas para que pueda ser mas facil entender la respuesta.

1) en el CSS personalizado, hay alguna opcion de diseño para ponerle margenes a la web? Porque no se de programacion.
Puedo poner diferentes codigos en el css personalizado? hay algun simbolo para separarlos y que no se generen conflictos?

2) Lo he probado y funciono genial gracias!

3) en este apartado tuve problemas. quise como en el caso 2, utilizar ese codigo para darle un fondo al widget dentro de custom variations pero no lo consegui. Podrias explicarme un poco mas de como poder utilizarlo por favor?

4) Si o si debo utilizar los colores que estan dentro del parametro box variations?
En relacion el parametro de box variations, seleccione una opcion que dio un color que me gusto mucho, hay alguna forma de saber cual es?

Gracias y perdona por ser tan recurrente a su ayuda!

ResponderCitar
Respondido : 06/09/2014 5:28 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Jose

Con respecto al punto 1, en tu sitio web :

Contenido solo visible a usuarios registrados

En que parte quieres ponerle margenes?, efectivamente tendrías que hacerlo por CSS en el archivo personalizado css ya que desde la configuración de la plantilla tienes opciones limitadas

Esto último no se entiende , lo que comentas:

hay algun simbolo para separarlos y que no se generen conflictos?

Supongo te refieres al código del archivo CSS, o en todo caso tendrías que aclarar.

PD. Este tema empezó con el ancho del theme, sin embargo estas consultando otras cosas que por política de foro no estaría permitido, te sugiero mantener un hilo de discusión por tema específico , de esta manera mantenemos el foro ordenado y además le sirve a los clientes q buscan temas relacionados. Te sugiero entonces termiar con el punto 1 y si tienes más dudas referente a otros puntos deberás abrir nuevos hilos

Saludos.

ResponderCitar
Respondido : 06/09/2014 11:28 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

José Francisco
 José Francisco
Usuario eminente

Hola Jhon,

mi intencion es probar de poner margenes en la web, los bordes. Tal como adjunte en la imagen al inicio del post.
Hay alguna opcion de personalizacion css sin recurrir a tipo de layout y personalizarlo con otras medidas?

Gracias!

ResponderCitar
Respondido : 10/09/2014 6:59 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Mediante la captura que enviaste y la plantilla que haz escogido debes realizar muchos cambios de programación, por lo que si recién comienzas el proyecto lo mejor seria que cambies la plantilla por una tenga dicho margen.

ResponderCitar
Respondido : 10/09/2014 7:59 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación