Existe alguna manera de colocar el texto en diferentes columnas tal y cómo se adjunta sin necesidad de crear dos módulos de texto?
Y palabras dentro de la misma frase en distintos tamaños?
Contenido solo visible a usuarios registrados
Respondido : 21/01/2022 2:51 pm
Karen Rios
Soporte CMS WebempresaModerator
Hola Alberto,
En este caso para añadir un texto en dos columnas dentro del mismo módulo de texto de Divi necesitas primero añadir una clase a esto modulo, por ejemplo "Columnas"
Luego dentro del CSS Personalizado puedes usar el siguiente Código CSS
Y palabras dentro de la misma frase en distintos tamaños?
Esto es probable este añadido con diferentes clases que añade un estilo diferente a cada palabra de forma que de acuerdo a cada clase uno puedo asignarle un color, tamaño de fuente diferente a cada palabra
en cuanto a la segunda cuestión...dónde colocar el css?...en el propio módulo de texto como te adjunto? o en el css general...te adjunto el enlace a la página que estoy trabajando: https://humus-spain.com/portada-1/
Respondido : 21/01/2022 5:10 pm
Karen Rios
Soporte CMS WebempresaModerator
Hola Alberto,
Si te refieres al código CSS que te compartí este debes añadir en las opciones del CSS Personalizado que se encuentren en Divi -> Opciones del tema -> General
De esta forma el código se aplica al módulo de texto de acuerdo añadas la clase CSS en los ajustes avanvados
Un Saludo
Respondido : 21/01/2022 5:24 pm
ALBERTO
Prominent Member
Es que no se ve el código...
Respondido : 21/01/2022 5:26 pm
Karen Rios
Soporte CMS WebempresaModerator
Hola Alberto,
En esta sección no envíe un código especifico, solo es un espacio que se añadió al citar el comentario. Para esto punto de tomanba que
Esto es probable este añadido con diferentes clases que añade un estilo diferente a cada palabra de forma que de acuerdo a cada clase uno puedo asignarle un color, tamaño de fuente diferente a cada palabra
En este caso cuál es el texto al que deseas añadirle ese efecto?, de esta forma podemos verificar con detalle
Pues por ejemplo el texto que te indico en el adjunto....busco saber como hacerlo para aplicarlo varias veces en la página...
Respondido : 21/01/2022 6:36 pm
Karen Rios
Soporte CMS WebempresaModerator
Hola Alberto,
Entiendo que lo que deseas es añadir estilos específicos a estos textos?, si es así en este caso necesitas añadir clases para qué puedes ajustar estilos a cada uno como deseas, ya que al todos tener una clase global asignada por el tema se modificaría todo el texto, por ejemplo
<p class="text-agricultura">agricultura</p>
Con esto podrías asignarle estilos específicos a este texto, por ejemplo
Ten en cuenta que si cada texto tendrá un estilo diferente entonces debes añadir una clase para cada uno de ellos y luego añadir los estilos que deseas tengan
Un Saludo
Respondido : 21/01/2022 7:06 pm
ALBERTO
Prominent Member
SI, el concepto está claro...pero creo que lo estoy haciendo mal...
Respondido : 24/01/2022 6:59 pm
Karen Rios
Soporte CMS WebempresaModerator
Hola Alberto,
En este caso veo que los códigos se está añadiendo en los sitios incorrectos, te muestro un poco. Lo primero es que el contenido con tus textos y clases debes añadirlos en la sección de contenido del módulo de texto, por ejemplo
Luego los códigos CSS que aplicaran los diferentes estilos a cada texto debes añadirlos en el apartado de Divi -> Opciones del tema -> General -> CSS Personalizado
De esta forma si añado una regla para mi otro texto puedo añadir estilos diferentes
Por lo que de esta forma mis textos irán tomando estos estilos de acuerdo a la clase que le asigne
Revisa añadirlos de esta forma y comprueba si con ello se muestran como deseas, ten en cuenta no añadir acentos a las clases que asignes a los textos
Un Saludo
Esta publicación ha sido modificada el hace 4 meses por Karen Rios
Si...esto me cuadra más...efectivamente así funciona...entonces lo que no tengo claro es para que sirve ID y clases css...puedes enviarme un ejemplo de como utilizar esto?...así podré distinguir entre un uso u otro...
Respondido : 25/01/2022 10:17 am
Pepe
Soporte CMS WebempresaAdmin
Hola Alberto.
La diferencia entre una ID y una clase es que una ID se puede usar para identificar un solo elemento, mientras que una clase se puede usar para agrupar más de uno.
Por ejemplo, si tienes una página con un menú de navegación que aparece una única vez, podrías asignarle un id a la capa donde está la barra de navegación. Ese ID sería único, porque no hay otra barra de navegación igual a esa en la página. Ahora bien, si esa misma barra de navegación la quieres repetir varias veces a lo largo de la página tendrías que crear una clase (class de CSS) y asignarla a cada una de esas barras. De ese modo definirías el estilo una única vez y lo reutilizarías un número indefinido de veces.
Para entenderlo, el ID se aplica a un solo elemento y las Clases las puedes aplicar a varios elementos como puede ser un texto, imagen, botones
Tienes un curso de CSS que te ayudaría a entender las diferencias:
Ok...lo tengo pero no se si empleo bien el identificador ID: interpreto que doy un ID a ese módulo para identificarlo y posteriormente le doy un style en css options tal y como adjunto....pero no funciona...
Respondido : 25/01/2022 3:33 pm
ALBERTO
Prominent Member
vale si exacto...he cambiado el punto por almohadilla y ahora funciona...
Respondido : 25/01/2022 3:36 pm
Pepe
Soporte CMS WebempresaAdmin
Hola Alberto.
Genial, me alegar que los solucionaras.
La almohadilla de utiliza para identificar los ID y los puntos para las Clases.
Cualquier consulta que tengas no dudes en comunicarlo.
Cerramos el tema.
Respondido : 25/01/2022 3:43 pm
Utilizamos cookies en nuestra web con una finalidad funcional y analítica. Las cookies nos ayudan a mejorar tu experiencia de navegación y a mostrarte contenidos personalizados. Puedes aceptar todas las cookies o configurar los ajustes para establecer tus preferencias.
Nuestra web utiliza diferentes tipos de cookies para mejorar tu experiencia de navegación. Las cookies necesarias se almacenarán en tu navegador porque son imprescindibles para las funcionalidades básicas de la web. También usamos cookies que nos ayudan a analizar cómo usas nuestra web para poder realizar mejoras y mostrarte contenidos personalizados. Estas cookies solo se almacenarán en tu navegador si tú lo aceptas. Si prefieres desactivarlas puedes hacerlo, pero ten en cuenta que esto afectará a la calidad de tu experiencia de navegación. Puedes ver más detalles sobre nuestras políticas de privacidad y uso de cookies la sección de Información Legal.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duración
Descripción
cookielawinfo-checkbox-advertisement
1 year
Set by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category .
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
PHPSESSID
session
This cookie is native to PHP applications. The cookie is used to store and identify a users' unique session ID for the purpose of managing user session on the website. The cookie is a session cookies and is deleted when all the browser windows are closed.
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Cookie
Duración
Descripción
lux_uid
30 minutes
This cookie is set by the Eventbrite. This cookie is used for enabling the function of ticket purchasing. This cookie helps in event booking and ticketing services.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Cookie
Duración
Descripción
_ga
2 years
The _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.
_ga_FETMGBGZQS
2 years
This cookie is installed by Google Analytics.
_gcl_au
3 months
Provided by Google Tag Manager to experiment advertisement efficiency of websites using their services.
_gid
1 day
Installed by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Cookie
Duración
Descripción
test_cookie
15 minutes
The test_cookie is set by doubleclick.net and is used to determine if the user's browser supports cookies.