Cell HTML Tag Classes not loading

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

Problem: The classname I added to a cell in my Layout is not working.

Solution: Do not include the leading "." in the classname here. It should be included in your CSS code, but not in the markup for this cell.

This support ticket is created hace 6 años, 10 meses. There's a good chance that you are reading advice that it now obsolete.

This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Etiquetado: Front-end display, Layouts plugin

Este tema contiene 4 respuestas, tiene 2 mensajes.

Última actualización por Erick Trujillo hace 6 años, 10 meses.

Asistido por: Christian Cox.

Autor

Mensajes

Enero 17, 2018 at 2:28 am #606964

Erick Trujillo

I am trying to: Style individual cells by adding a tag for a css class.

Link to a page where the issue can be seen:

I expected to see: A styled cell.

Instead, I got: A regular cell, not styled.
(layout css and js file as been updated with the class, and tag has been added to the cell tag class)

Enero 17, 2018 at 2:00 pm #607172

Christian Cox

Can you provide some additional information?
- Where can I see the problem? I need to know a URL.
- Where did you add the CSS class? Let me know which cell in this Layout.
- What styles did you apply in Layouts CSS & JS? Please copy + paste the contents here for me to review.

Enero 19, 2018 at 2:28 am #607835

Erick Trujillo

Screen Shot 2018-01-18 at 7.09.57 PM.png

Screen Shot 2018-01-18 at 7.08.21 PM.png

Hello Christian, thank you for the response.
First, per toolset documentation, I added the code in the layout css and js editor. I then edited the layout cell by adding the class tag identifiers. Apply and saved it, but no correct output. Attached are some pictures. Thanks

Enero 21, 2018 at 5:50 pm #608345

Christian Cox

The leading "." of a classname should not be included in the Visual Editor cell Tag Classes area, so please add "bg-space" and delete ".bg-space". Test again, and if you do not see the correct output on the front-end of your site I need to see a screenshot of the browser inspector with the .bg-space div selected and the Styles panel visible. If you're not familiar with developer tools in the browser, please let me know where I can see this Layout on the front-end of your site and I can investigate myself.

Enero 21, 2018 at 9:11 pm #608383

Erick Trujillo

Thank you !! that fixed it.

El foro ‘Types Community Support’ está cerrado y no se permiten nuevos debates ni respuestas.