adminRM, Author at Quemadores Industriales Riello https://riellomexico.com/author/adminrm/ Quemadores Industriales Riello Wed, 15 Oct 2025 23:54:12 +0000 es hourly 1 https://wordpress.org/?v=6.8.3 https://i0.wp.com/riellomexico.com/wp-content/uploads/2025/02/cropped-thermalcombustion-1.webp?fit=32%2C32&ssl=1 adminRM, Author at Quemadores Industriales Riello https://riellomexico.com/author/adminrm/ 32 32 244456230 Eficiencia Energética en Quemadores Industriales Riello: Clave para un Futuro Sostenible https://riellomexico.com/2025/10/15/eficiencia-energetica-en-quemadores-industriales-riello-clave-para-un-futuro-sostenible/ https://riellomexico.com/2025/10/15/eficiencia-energetica-en-quemadores-industriales-riello-clave-para-un-futuro-sostenible/#respond Wed, 15 Oct 2025 23:29:47 +0000 https://riellomexico.com/?p=1331 La eficiencia energética es un tema crucial en la industria actual, donde la optimización de los recursos y la reducción de costos son fundamentales para mantener la competitividad. En este contexto, los quemadores industriales Riello ... Read more

The post Eficiencia Energética en Quemadores Industriales Riello: Clave para un Futuro Sostenible appeared first on Quemadores Industriales Riello.

]]>

La eficiencia energética es un tema crucial en la industria actual, donde la optimización de los recursos y la reducción de costos son fundamentales para mantener la competitividad. En este contexto, los quemadores industriales Riello destacan por su capacidad para ofrecer soluciones de combustión eficientes y sostenibles.

¿Qué son los quemadores industriales Riello?

Riello es una marca líder en el mercado de la combustión industrial, conocida por diseñar y fabricar quemadores de alta calidad y eficiencia. Estos quemadores están diseñados para ser utilizados en una variedad de aplicaciones industriales, como la generación de calor, la producción de vapor y la calefacción de procesos.

Eficiencia Energética en Quemadores Riello

Los quemadores industriales Riello están diseñados para maximizar la eficiencia energética en los procesos industriales. Algunas de las características que contribuyen a su eficiencia son:

  • Tecnología de combustión avanzada: Riello utiliza tecnologías de combustión avanzadas que permiten una mezcla óptima de aire y combustible, lo que reduce las emisiones y mejora la eficiencia de la combustión.
  • Diseño optimizado: Los quemadores Riello están diseñados para minimizar las pérdidas de calor y maximizar la transferencia de calor al proceso.
  • Control de la combustión: Los quemadores Riello cuentan con sistemas de control avanzados que permiten ajustar la combustión en función de las necesidades del proceso, lo que reduce el consumo de combustible y minimiza las emisiones.

Beneficios de la Eficiencia Energética en Quemadores Riello

La eficiencia energética en los quemadores industriales Riello ofrece varios beneficios, incluyendo:

  1. Reducción de costos: Al consumir menos combustible, las empresas pueden reducir sus costos operativos y mejorar su rentabilidad.
  2. Menor impacto ambiental: La eficiencia energética en los quemadores Riello contribuye a reducir las emisiones de gases de efecto invernadero y otros contaminantes, lo que ayuda a mitigar el cambio climático y mejorar la calidad del aire.
  3. Mejora de la productividad: Los quemadores Riello pueden ayudar a mejorar la productividad al proporcionar un suministro de calor más estable y confiable.

Conclusión

En resumen, los quemadores industriales Riello son una excelente opción para las empresas que buscan mejorar su eficiencia energética y reducir su impacto ambiental. Con su tecnología avanzada y diseño optimizado, estos quemadores ofrecen una solución sostenible y rentable para una variedad de aplicaciones industriales. Si deseas obtener más información sobre cómo los quemadores Riello pueden beneficiar a tu empresa, te recomendamos consultar con un experto en combustión industrial.

The post Eficiencia Energética en Quemadores Industriales Riello: Clave para un Futuro Sostenible appeared first on Quemadores Industriales Riello.

]]>
https://riellomexico.com/2025/10/15/eficiencia-energetica-en-quemadores-industriales-riello-clave-para-un-futuro-sostenible/feed/ 0 1331
Guía para Comprar Quemadores Industriales Riello en México https://riellomexico.com/2025/09/22/guia-para-comprar-quemadores-industriales-riello-en-mexico/ https://riellomexico.com/2025/09/22/guia-para-comprar-quemadores-industriales-riello-en-mexico/#respond Mon, 22 Sep 2025 19:07:49 +0000 https://riellomexico.com/?p=1327 Los quemadores industriales Riello son reconocidos por su eficiencia y confiabilidad en una variedad de aplicaciones industriales, desde la generación de calor hasta procesos de combustión en diferentes sectores. Si estás buscando adquirir quemadores industriales ... Read more

The post Guía para Comprar Quemadores Industriales Riello en México appeared first on Quemadores Industriales Riello.

]]>

Los quemadores industriales Riello son reconocidos por su eficiencia y confiabilidad en una variedad de aplicaciones industriales, desde la generación de calor hasta procesos de combustión en diferentes sectores. Si estás buscando adquirir quemadores industriales Riello en México, es fundamental conocer las opciones disponibles y los factores a considerar para tomar una decisión informada.

¿Por qué elegir quemadores industriales Riello?

Riello es una marca líder en el mercado de quemadores industriales debido a su compromiso con la innovación, la eficiencia energética y la reducción de emisiones contaminantes. Sus productos están diseñados para ofrecer un rendimiento óptimo en diversas aplicaciones, incluyendo calderas, hornos y otros procesos industriales que requieren combustión.

Opciones para comprar quemadores industriales Riello en México

  1. Distribuidores Autorizados Riello: La forma más segura de adquirir quemadores Riello es a través de distribuidores autorizados. Thermal Combustion es un distribuidor autorizado y no solo ofrecen productos genuinos sino que también brindan soporte técnico y servicio postventa. Puedes encontrar la lista de distribuidores autorizados en el sitio web oficial de Riello o contactando directamente con su servicio de atención al cliente.
  2. Tiendas en Línea Especializadas: Algunas tiendas en línea especializadas en equipos industriales pueden llevar quemadores Riello. Es importante verificar la autenticidad del producto y la reputación del vendedor antes de realizar una compra.
  3. Ferias y Eventos Industriales: Asistir a ferias y eventos industriales es una excelente manera de conocer sobre los últimos productos y tecnologías de Riello. Además, puedes establecer contacto directo con representantes de la marca y distribuidores.

Consideraciones al comprar quemadores industriales Riello

  • Compatibilidad: Asegúrate de que el quemador sea compatible con tu equipo existente.
  • Eficiencia Energética: Busca quemadores con alta eficiencia energética para reducir costos operativos.
  • Servicio y Soporte: Opta por distribuidores que ofrezcan un buen servicio de soporte y mantenimiento.
  • Certificaciones y Cumplimiento Normativo: Verifica que el quemador cumpla con las normas y regulaciones locales.

Conclusión:

Comprar quemadores industriales Riello en México requiere investigar las opciones disponibles y considerar varios factores clave. Al optar por distribuidores autorizados y evaluar cuidadosamente tus necesidades, puedes asegurar que tu inversión sea rentable y eficiente. Recuerda verificar la compatibilidad, eficiencia energética y el servicio de soporte ofrecido por el distribuidor.

The post Guía para Comprar Quemadores Industriales Riello en México appeared first on Quemadores Industriales Riello.

]]>
https://riellomexico.com/2025/09/22/guia-para-comprar-quemadores-industriales-riello-en-mexico/feed/ 0 1327
Quemadores Industriales Riello https://riellomexico.com/2025/09/01/quemadores-industriales-riello/ https://riellomexico.com/2025/09/01/quemadores-industriales-riello/#respond Mon, 01 Sep 2025 19:00:26 +0000 https://riellomexico.com/?p=1324 Quemadores Industriales Riello: Eficiencia y Confiabilidad en Procesos Industriales https://thermalcombustion.com/quemadores-industriales-riello/Los quemadores industriales Riello son reconocidos por su tecnología avanzada y su capacidad para ofrecer soluciones eficientes y confiables en una amplia gama de aplicaciones industriales. ... Read more

The post Quemadores Industriales Riello appeared first on Quemadores Industriales Riello.

]]>

Quemadores Industriales Riello: Eficiencia y Confiabilidad en Procesos Industriales

https://thermalcombustion.com/quemadores-industriales-riello/Los quemadores industriales Riello son reconocidos por su tecnología avanzada y su capacidad para ofrecer soluciones eficientes y confiables en una amplia gama de aplicaciones industriales. En este artículo, exploraremos las ventajas clave de utilizar quemadores industriales Riello en sus procesos productivos.

1. Eficiencia Energética

Los quemadores Riello están diseñados para maximizar la eficiencia energética, lo que se traduce en un menor consumo de combustible y, por lo tanto, en ahorros significativos en los costos operativos. Su tecnología de combustión optimizada permite una quema más completa del combustible, reduciendo las pérdidas de energía y mejorando la productividad.

2. Reducción de Emisiones

La preocupación por el medio ambiente es cada vez mayor, y los quemadores Riello están diseñados con esto en mente. Estos quemadores industriales ofrecen una combustión limpia y eficiente, lo que resulta en menores emisiones de gases contaminantes y una huella de carbono reducida. Esto no solo cumple con las regulaciones ambientales cada vez más estrictas, sino que también contribuye a un entorno más limpio y saludable.

3. Flexibilidad y Versatilidad

Los quemadores Riello son altamente versátiles y pueden ser utilizados en una variedad de aplicaciones industriales, desde la generación de calor y vapor hasta procesos de secado y tratamiento térmico. Su diseño modular y flexible permite adaptarlos a las necesidades específicas de cada industria, asegurando una integración perfecta en los procesos existentes.

4. Confiabilidad y Durabilidad

La durabilidad y confiabilidad son características destacadas de los quemadores industriales Riello. Fabricados con materiales de alta calidad y diseñados para soportar las condiciones más exigentes, estos quemadores ofrecen una larga vida útil y requieren menos mantenimiento. Esto reduce los tiempos de inactividad y los costos asociados con reparaciones y reemplazos.

5. Tecnología Avanzada

Riello incorpora tecnología de vanguardia en sus quemadores industriales, incluyendo sistemas de control avanzados y opciones de automatización. Esto permite un control preciso sobre el proceso de combustión, mejorando la eficiencia y reduciendo la necesidad de intervención manual.

Conclusión:

Los quemadores industriales Riello representan una excelente opción para industrias que buscan mejorar su eficiencia energética, reducir su impacto ambiental y aumentar su productividad. Con su tecnología avanzada, flexibilidad y confiabilidad, estos quemadores están diseñados para satisfacer las necesidades de una amplia gama de aplicaciones industriales. Si está buscando optimizar sus procesos productivos y contribuir a un futuro más sostenible, considere los quemadores industriales Riello como su solución.

Palabras Clave: Quemadores industriales Riello, eficiencia energética, reducción de emisiones, flexibilidad, confiabilidad, tecnología avanzada.

The post Quemadores Industriales Riello appeared first on Quemadores Industriales Riello.

]]>
https://riellomexico.com/2025/09/01/quemadores-industriales-riello/feed/ 0 1324
¿Qué es un Quemador Industrial Riello? https://riellomexico.com/2025/02/16/hello-world/ https://riellomexico.com/2025/02/16/hello-world/#comments Sun, 16 Feb 2025 19:10:19 +0000 https://riellomexico.com/?p=1 Un quemador industrial Riello es un dispositivo utilizado en sistemas de calefacción y generación de calor en entornos industriales. Riello es una marca reconocida a nivel mundial en la fabricación de quemadores de alta eficiencia ... Read more

The post ¿Qué es un Quemador Industrial Riello? appeared first on Quemadores Industriales Riello.

]]>

Un quemador industrial Riello es un dispositivo utilizado en sistemas de calefacción y generación de calor en entornos industriales. Riello es una marca reconocida a nivel mundial en la fabricación de quemadores de alta eficiencia y calidad, diseñados para aplicaciones como calderas, hornos, secadores y otros equipos térmicos.

Características principales de un quemador industrial Riello:

  1. Alta eficiencia energética: Están diseñados para optimizar el consumo de combustible, ya sea gas, diésel u otros combustibles líquidos.
  2. Tecnología avanzada: Incorporan sistemas de control electrónico que permiten una regulación precisa de la combustión, asegurando un funcionamiento estable y seguro.
  3. Bajas emisiones: Cumplen con normativas medioambientales estrictas, reduciendo la emisión de contaminantes como NOx y CO2.
  4. Versatilidad: Pueden adaptarse a diferentes tipos de combustibles y aplicaciones industriales.
  5. Fiabilidad y durabilidad: Están construidos con materiales resistentes para operar en condiciones exigentes y durante largos periodos de tiempo.

Aplicaciones comunes:

  • Calderas de vapor o agua caliente.
  • Hornos industriales.
  • Secadores.
  • Sistemas de calefacción centralizada.
  • Procesos térmicos en la industria alimentaria, textil, química, etc.

Componentes principales:

  1. Ventilador: Proporciona el aire necesario para la combustión.
  2. Válvula de combustible: Regula el flujo de combustible.
  3. Electrodo de encendido: Genera la chispa para iniciar la combustión.
  4. Sistema de control: Gestiona el funcionamiento del quemador y garantiza la seguridad.
  5. Cámara de combustión: Donde se produce la mezcla de aire y combustible para generar la llama.

En resumen, un quemador industrial Riello es una solución confiable y eficiente para aplicaciones que requieren generación de calor en el ámbito industrial, destacándose por su tecnología avanzada y respeto al medio ambiente.

The post ¿Qué es un Quemador Industrial Riello? appeared first on Quemadores Industriales Riello.

]]>
https://riellomexico.com/2025/02/16/hello-world/feed/ 1 1
A Sample Post with Comments https://riellomexico.com/2018/09/22/sample-post/ https://riellomexico.com/2018/09/22/sample-post/#respond Sat, 22 Sep 2018 00:00:39 +0000 https://gpsites.co/volume/?p=210 This content is the manual excerpt. It is added in the excerpt field of the post editor. Its displayed here and on your post archives.

The post A Sample Post with Comments appeared first on Quemadores Industriales Riello.

]]>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa a link to know where qui officia deserunt mollit anim id est laborum. a link to know where

Lorem ipsum dolor sit amet, consectetur adipiscing elit, style sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Great typography and bold imagery speak volumes about quintessential topics

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia a link to know where deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. a link to know where

Great typography and bold imagery speak volumes about quintessential topics

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

The post A Sample Post with Comments appeared first on Quemadores Industriales Riello.

]]>
https://riellomexico.com/2018/09/22/sample-post/feed/ 0 210
A guide to styling and making Volume your own https://riellomexico.com/2018/09/21/styling/ Fri, 21 Sep 2018 20:07:51 +0000 https://gpsites.co/volume/?p=959 Two and half years after Volume was created it was time for an update. What i like to call Volume Remastered. With the advent of GP Premium 2.0 we rebuilt the entire site. Removing multiple custom elements and 100's of line of Custom CSS. Welcome to a new era of site building.

The post A guide to styling and making Volume your own appeared first on Quemadores Industriales Riello.

]]>

Completely rebuilt with GeneratePress Premium 2.0, Volume ( remastered ) is a fresh clean site for bloggers . With new Post Archive cards, Single Post Heros, Sidebar Author Box and revisited Featured Post Navigation all built with GPP 2.0 Block Elements.

Stripping away 5 custom hook elements and over 350 lines of code you can now restyle entire theme elements with Block Elements and GenerateBlocks.

GP Premium 2.0 Theme Building

GPP 2.0 introduced a major upgrade to the Elements Module. With GPP and GenerateBlocks you can now deliver dynamically generated block built content across your entire site.

If you want more of a low down on Theme Building, check out our YouTube channel where Block master Leo Hsing will walk your through just some of the things you can do with it. But lets dig in and show you where Volume brings these new features to your new GP Site.

Where to begin

There are 3 main interfaces that are used to customize and build the site.

  1. The Customizer
    this is where you will find the global styling controls for the theme. From Colors and Typography to Navigation and Widget Areas. If you find theres not a control for one the elements your trying to style then check out #3.
  2. The Post Editor
    In Volume our posts are simply Block Based content. But we have included a Manual Excerpt in some of our Posts that is displayed in a Page Hero Block Element and our Custom Archive Post Cards. If theres some content above or below your post that you cannot see in the editor then once again check out #3.
  3. The Elements Module
    This is where the cool stuff happens. Across the site you will see a Custom Single Post Hero, Custom Post Cards on our archives, an Author Box at the top of our right sidebar, and Custom Navigation on archives and Single Posts.

Wherever possible we have defined our default styles in the Customizer. However some Elements are directly styled in the Elements Module.

What Elements are in place

Head on over to Dashboard > Appearance > Elements to check out what we have prebuilt for you:

  • Archive Navigation
    A simple previous / next Page button configuration located after the post archives and home page.
  • Post Navigation
    A previous / next post navigation with post title and featured image background located just before the footer on every single post.
  • Author Box
    Positioned over the sidebar, the author box will display Avatar Name, the User Bio and a link to the authors archives.
  • Post Cards
    here is our Content Template for our Blog / Post Archives. This is the global style for all cards except for the First Featured Post. Which is using the following Child Element
  • – First Post Template
    Set specifically to display for the first post of the first page of your archives.
  • Single Post Hero
    The Full Width responsive Hero element for our single posts. Please note the following Merged Header
  • Merged Header
    This simply applies a Merged Header for our single post, where custom site header and navigation colors are set to give them their transparent background.

A note on Images

The Volume site preloads a series of images whose sizes are: 1024 by 576 pixels which is a nice 16:9 Aspect ratio. In general the theme has the images set to medium-large which displays the image at 768px x 432px.

You can of course choose to upload large images, but its always best to maintain your images sizes and if you choose to use larger ( or smaller ) image size then try and keep the aspect ratio the same.

The post A guide to styling and making Volume your own appeared first on Quemadores Industriales Riello.

]]>
959
Block Elements – Theme Builder https://riellomexico.com/2018/09/21/block-elements/ Fri, 21 Sep 2018 18:21:04 +0000 https://gpsites.co/volume/?p=942 GeneratePress Premium 2.0 introduces the first ever Block Based Theme Builder. Through a combination of the Block Element and the GenerateBlocks plugin you can now build and style your own theme elements directly from the block editor.

The post Block Elements – Theme Builder appeared first on Quemadores Industriales Riello.

]]>

Volume uses total of 6 block elements and 1 header element to customize the post archives and single post templates. For more information on Block Elements you should read the following documentation:

All done ? Lets take a look at each of the Elements Volume is built with.

Archive Navigation

Position: After Post Loop
Element Type: Archive Navigation
Hook name: after_main_content
Display Location: Blog, All Archives

A simple 2 button block displaying static prev and next labels with icons, with a dynamic link of Next Post and Previous Post.

NOTE: Within the Block settings the option to Disable default pagination has been checked.

Author Box

Position: Above Right Sidebar
Element Type: Hook
Hook name: before_right_sidebar_bar
Display Location: Posts > All Posts

Drawing its dynamic data from the User Meta ( Profile ) it uses a GP Dynamic Image Block for the Author Avatar, a Headline Block for the Author Name, a GP Dynamic Content Block for the Author Description and a Button with static text and a dynamic link to the Author Archives.

Post Archive template

Position: Post Archive Cards
Element Type: Content Template
Hook name: n/a
Display Location: Blog, All Archives

This card replaces the default themes post template used on the Blog and Archive Cards.

First off the content is placed inside a parent Container Block, at the top of which is the GP Dynamic Image Block set to display the Featured image which has been set to a medium-large ( 768px ) image size.

Below the Image is a nested Container Block which has an Advanced > Additional CSS Class of post-summary this class is necessary for CSS to align the elements vertically.

Within the post summary there are several blocks set to display the post category terms, the post title, the post excerpt and finally a inline row to display post meta.

NOTE: This element is a Parent Element. What makes it a parent is that the following element is one of its Children.

– First Post Template

Position: Post Archive Cards
Element Type: Content Template
Hook name: n/a
Display Location: None – inherited from Parent: Post Card

This element is grid layout version of the Post Card Block Element. It has not Display Rules as it inherits them from its parent ( the Post Card Block Element ). In the sidebar settings you will see it has Apply to: First Post.

Note: in the Customizer > Layout > Blog –> Columns we have the Make First Featured checked. This gives this element a specific class of featured-column which is used in Custom CSS to make it fill the entire row on Desktop and Tablet.

Post Navigation

Position: Above Footer on Single Post
Element Type: Post Navigation
Hook name: before_footer
Display Location: Posts > All Posts

Using a prebuilt Navigation Template that displays the Next Prev Post label and title over the respective featured image.

Single Post Hero

Position: Below Header ( merged ) Single Post
Element Type: Page Hero
Hook name: after_header
Display Location: Posts > All Posts

The Single Post hero is comprised of two main elements:

The parent Container Block

This comprises of a solid background color, a Dynamic Image Background displaying the Featured Image which is set to Display the medium-large ( 768px ) image and positioned to the Right Center.

The parent container block has an Advanced > Additional CSS Class of: page-hero-block which is used for CSS to reposition the image on Tablet, and remove it altogether on Mobile.

Within the parent Container is a 1 column grid – the single column is set to 75% width on Desktop and 100% on Tablet an Mobile. Within this grid container we’re displaying dynamic Post Title (H1), the Post Excerpt, followed by a Post Meta layout.

GP Dynamic image block – mobile only

This block is set to display the Post Featured image using an image size of medium-large ( 768px ). In the Advanced > Additional CSS Classes we’re using 2 x hide-on-* classes to remove the image block on Desktop and Tablet.

Single Post Merged Header

This is a Header Element – its sole purpose is to created the Merged Header effect on the Single Post. It does not contain any Page Hero content – it simply merges the site header with the first block on the post, which is the Single Post Header Block.

You can find out more on the Header Element here:

The post Block Elements – Theme Builder appeared first on Quemadores Industriales Riello.

]]>
942
CSS Styling https://riellomexico.com/2018/09/21/css-styling/ Fri, 21 Sep 2018 17:48:30 +0000 https://gpsites.co/volume/?p=928 It wouldn't be a FlintSkin site without a little CSS... and i mean a very little CSS.

The post CSS Styling appeared first on Quemadores Industriales Riello.

]]>

In Comparison to the original Volume which required over 350 lines of CSS, Volume remastered uses less that 50. But why do we need CSS when Blocks does it all? I hear you ask. Well there are somethings that i just like to tweak and sometimes a little CSS is required.

The CSS added to the Site can be found in Customizer > Additional CSS. Lets take a closer look at what each of them does

Post navigation

the default behaviour of the Post Navigation Block Element is to display a 50/50 row showing the previous and next post. The following CSS removes the empty space when a user is on the first or last post so the block spans the full width.

/* Custom Post Navigation remove empty classes */
.featured-navigation .gb-grid-column:empty {
    flex: 0 1;
}

@media(min-width: 769px) {
    .featured-navigation .gb-grid-column:not(:empty) {
        flex: 1 0;
    }
}

Single Post Featured Images

the following CSS adjusts the featured image background size for tablet, and removes it from Mobile

/* Single Post Hero image responsive controls */
@media(max-width: 1024px) and (min-width: 769px) {
    .page-hero-block:before {
        background-size: cover;
    }
    .featured-column,
    .featured-column img.wp-post-image {
        width: 100% !important;
    }
}

@media(max-width: 768px) {
    .page-hero-block:before {
        background: none;
    }
}

Post Archives align meta to bottom of post

A simple flex box CSS to push the last element in the post-summary ( the post meta ) to align vertically at the bottom of the post.

/* Post Archives - force post meta to vertically align bottom */
.generate-columns-container .post>.gb-container,
.generate-columns-container .post>.gb-container>.gb-inside-container,
.post-summary>.gb-inside-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.post-summary {
    flex: 1;
}

.post-summary>.gb-inside-container>*:last-child {
    margin-top: auto;
}

Border radius on post archive images

/* Add border radius to post archive images */
.generate-columns-container .dynamic-featured-image {
    border-radius: 4px;
}

The post CSS Styling appeared first on Quemadores Industriales Riello.

]]>
928
How to change the colors https://riellomexico.com/2018/09/21/how-to-change-the-colors/ Fri, 21 Sep 2018 16:50:22 +0000 https://gpsites.co/volume/?p=909 A quick guide to updating the sites colors.

The post How to change the colors appeared first on Quemadores Industriales Riello.

]]>

The colors are defined in the following areas:

  1. Customize > Colors
    This controls the global colors for all content.
  2. Theme Builder Block Elements
    The majority of colors are inherited from the Customizer, however some colors such as the Next / Previous label are set in the specific block element.
  3. Navigation colors in the Merged Sit
    These colors are set in the Appearance > Elements > Single Post Merged header.

The post How to change the colors appeared first on Quemadores Industriales Riello.

]]>
909
Style Guide https://riellomexico.com/2018/09/21/style-guide/ Fri, 21 Sep 2018 16:16:06 +0000 https://gpsites.co/volume/?p=895 Heading One H1 Heading Two H2 Heading Three H3 Heading Four H4 Heading Five H5 Heading Six H6 Font: Muli Vernon Adams practiced typeface design from 2007 to 2014. A lifelong artist, during this time ... Read more

The post Style Guide appeared first on Quemadores Industriales Riello.

]]>

Heading One H1

Heading Two H2

Heading Three H3

Heading Four H4

Heading Five H5
Heading Six H6

Font: Muli

Vernon Adams practiced typeface design from 2007 to 2014. A lifelong artist, during this time he eagerly explored designing type for the cloud-based era. His work spans all genres, from lively script faces to workhorse text families and operating system UI. Vernon graduated with an MA in Typeface Design from the University of Reading and lives in California. His designs are mostly published as open source Google Fonts and his favorite projects include Oxygen Mono, Monda, and Bowlby One.

volume button

Color Plan

#ff3366
#f1f6f7
#383f49
#62707c
#0b0521

 

volume button

The post Style Guide appeared first on Quemadores Industriales Riello.

]]>
895