Inicio
Reunión General: Domingos 11:30 AM
Avda. Bustamante 644, Santiago de Chile

Bienvenido a Capilla Sela!

Capilla Sela ha sido formada como una fraternidad de creyentes bajo la soberanía de Cristo Jesús. Lo que más deseamos es conocer a Cristo y ser conformados de acuerdo a Su Imagen por medio del poder del Espíritu Santo.

  • Creemos en la irrevocable verdad de las Escrituras la Biblia, Antiguo y Nuevo Testamento, en los autógrafos originales, es la inspirada e infalible Palabra de Dios, la revelación escrita final y completa de Dios.
  • Creemos que todos estamos separados de Dios por naturaleza y somos responsables por nuestros propios pecados, pero que la salvación, redención, y perdón son libremente ofrecidos a todos por medio de la gracia de nuestro Señor Jesucristo.

 

Último Estudio Bíblico: Filipenses 3 el día 14 de Octubre de 2018 Descarguelo

Ministerio de Hombres

Ministerio de Hombres comprometidos con Dios para estudiar y compartir la palabra de Dios. Leer más...

Ministerio de Niños

Lorem ipsum dolor sit amet, pro tollit nominavi intel at mel legat ei. Aliquip fierent interesset ex cum, ne mei amet suas. Leer Más ...

Ministerio de Mujeres

Aliquip fierent interesset ex cum, ne mei amet suas. Lorem ipsum dolor sit amet, pro tollit nominavi intel at mel legat ei. Leer Más...

Ministerio de Música

Aliquip fierent interesset ex cum, ne mei amet suas. Lorem ipsum dolor sit amet, pro tollit nominavi intel at mel legat ei. Leer Más ...

Ministerio de Matrimonios

Éste ministerio nace con fin de apoyar y guiar a los matrimonios de nuestra iglesia, a través del consejo de la Escritura para que construyan sus vida en una relación de amor... Leer Más ...

Ministerio Nuevos Creyentes & Discipulado

Lorem ipsum dolor sit amet, pro tollit nominavi intel at mel legat ei. Aliquip fierent interesset ex cum, ne mei amet suas. Leer Más ...

Ministerio de Jóvenes

Aliquip fierent interesset ex cum, ne mei amet suas. Lorem ipsum dolor sit amet, pro tollit nominavi intel at mel legat ei. Leer Más ...

Ministerio de Ujieres

Aliquip fierent interesset ex cum, ne mei amet suas. Lorem ipsum dolor sit amet, pro tollit nominavi intel at mel legat ei. Leer Más ...
  • Register

Hide Divs, Content, and Modules

One of the biggest obstacles to overcome when designing a responsive layout site is that not all content, images and extensions were designed to work with responsive layouts. That means that sometimes you need the ability to hide a specific element on only certain sized screens, so that something doesn't break the site's layout and everything looks proportionate. We've made that all possible and very easy to do for you with hiding classes! There are three main ways to hide content on different size screens, and they are documented below. Please note that these classes are only enabled when the responsive layout is enabled.



Hide Sections of the Template via the Template Configuration

This is the simplest way to hide an area of the template is to use the template interface to easily select areas of the template that you want to hide on tablet sized screens (970px and less) or mobile screens (580px or less). Simply select the area that you want to hide and the Vertex framework takes care of the rest! These fields do work independent of each other, so if you want to hide something on both tablet and mobile sized screens you must select the same area on both fields.



IMPORTANT - If you turn off a column position such as right or right_inset something else must be in the same column or the layout will not work. For example you can turn off right_inset and keep right, but you cannot turn off both unless something is publihsed to right_top or right_bottom as well.

Hide Specific Modules via the Hide Classes

If you have only a specific module that you would like to hide at certain screen sizes, and not an entire section of the template, this is the best approach. A hide class is a class that can be applied to any element on the page and hides that particular element at certain screen sizes. Classes range in 100px increments for large screens and 50px increments for small screens. Below are some examples, and at the very bottom of this page there is a list of all the available hide classes. Use these sparingly if you can. As a recommendation, the primary target of these classes should focus on tablet and mobile sized screens. Wide screen monitors vary in size so it's much harder to use these classes correctly for large monitors. Tablet and mobile devices are much more consistent in size so it is much easier to apply the smaller hide classes.

For example, say you want to hide a specific module when the screen sizes reaches 900px wide, and remain hidden for any screen below 900px. Simply add class=hide_900 to the title of the module like this:



The class is simply put into the title of the module. There must be a space just before class= , and don't worry, the class area of the title won't actually show on the live site, it's only shown in the backend. It must be entered exactly as shown above. The title can be published or unpublished, it does not matter which. Simply adding the classes to the title will apply the classes to the entire module.

What if you want it to hide the module only for a certain range? That's easy just add _only to the end of the class name. hide_900_only will only hide that element from 900px to the next increment in the hide classes, which is 850px. So it will only be hidden from 850px to 900px. You can also add multiple classes to the title like this class=hide_900_only hide_850_only which will apply both classes to the module.

What if you want to hide the module and then show it again later? That's simple, use show_ in the class instead of hide_. This will make the module show for the specified size no matter what other settings are on the module. So if you want to hide the module from 1000px and below, but you want to show it again later then do something like the following class=hide_1000 show_600. This will hide the module from 600px to 1000px.

Is there a more simple way? Yes, of course, the above directions are for experienced users who want to tweak their content for every available screen size. If you don't want to mess around with specific window sizes simply use the following classes instead, which have preset screen sizes applied to them:

hide_wide_screen
hide_standard_screen
hide_large_tablet
hide_small_tablet
hide_mobile
show_wide_screen
show_standard_screen
show_large_tablet
show_small_tablet
show_mobile

Hide Specific Content via the Hide Classes

If you have only specific content or images within an article or module that you want to hide then use the same hide classes described above, but wrap that specific content inside of the class instead of applying it to the entire module. For example, in the image below, the third paragraph will hide at 900px and then show again at 700px.



Available Hide Classes

All the available hide classes are listed below. Note there is a break at 970px and 580px to accommodate tablet and mobile sized screens.

@media screen and (max-width: 1600px){
.hide_1600 {
display:none;
}
}

@media screen and (min-width:1500px) and (max-width: 1600px){
.hide_1600_only {
display:none;
}
}

@media screen and (max-width: 1600px){
.show_1600 {
display:inline;
}
}

@media screen and (min-width:1500px) and (max-width: 1600px){
.show_1600_only {
display:inline;
}
}

@media screen and (max-width: 1500px){
.hide_1500 {
display:none;
}
}

@media screen and (min-width:1400px) and (max-width: 1500px){
.hide_1500_only {
display:none;
}
}

@media screen and (max-width: 1500px){
.show_1500 {
display:inline;
}
}

@media screen and (min-width:1400px) and (max-width: 1500px){
.show_1500_only {
display:inline;
}
}

@media screen and (max-width: 1400px){
.hide_1400 {
display:none;
}
}

@media screen and (min-width:1300px) and (max-width: 1400px){
.hide_1400_only {
display:none;
}
}

@media screen and (max-width: 1400px){
.show_1400 {
display:inline;
}
}

@media screen and (min-width:1300px) and (max-width: 1400px){
.show_1400_only {
display:inline;
}
}

@media screen and (max-width: 1300px){
.hide_1300 {
display:none;
}
}

@media screen and (min-width:1200px) and (max-width: 1300px){
.hide_1300_only {
display:none;
}
}

@media screen and (max-width: 1300px){
.show_1300 {
display:inline;
}
}

@media screen and (min-width:1200px) and (max-width: 1300px){
.show_1300_only {
display:inline;
}
}

@media screen and (max-width: 1200px){
.hide_1200 {
display:none;
}
}

@media screen and (min-width:1100px) and (max-width: 1200px){
.hide_1200_only {
display:none;
}
}

@media screen and (max-width: 1200px){
.show_1200 {
display:inline;
}
}

@media screen and (min-width:1100px) and (max-width: 1200px){
.show_1200_only {
display:inline;
}
}

@media screen and (max-width: 1100px){
.hide_1100 {
display:none;
}
}

@media screen and (min-width:1000px) and (max-width: 1100px){
.hide_1100_only {
display:none;
}
}

@media screen and (max-width: 1100px){
.show_1100 {
display:inline;
}
}

@media screen and (min-width:1000px) and (max-width: 1100px){
.show_1100_only {
display:inline;
}
}

@media screen and (max-width: 1000px){
.hide_1000 {
display:none;
}
}

@media screen and (min-width:900px) and (max-width: 1000px){
.hide_1000_only {
display:none;
}
}

@media screen and (max-width: 1000px){
.show_1000 {
display:inline;
}
}

@media screen and (min-width:900px) and (max-width: 1000px){
.show_1000_only {
display:inline;
}
}

@media screen and (max-width: 970px){
.hide_970 {
display:none;
}
}

@media screen and (min-width:900px) and (max-width: 970px){
.hide_970_only {
display:none;
}
}

@media screen and (max-width: 970px){
.show_970 {
display:inline;
}
}

@media screen and (min-width:900px) and (max-width: 970px){
.show_970_only {
display:inline;
}
}

@media screen and (max-width: 900px){
.hide_900 {
display:none;
}
}

@media screen and (min-width:850px) and (max-width: 900px){
.hide_900_only {
display:none;
}
}

@media screen and (max-width: 900px){
.show_900 {
display:inline;
}
}

@media screen and (min-width:850px) and (max-width: 900px){
.show_900_only {
display:inline;
}
}

@media screen and (max-width: 850px){
.hide_850 {
display:none;
}
}

@media screen and (min-width:800px) and (max-width: 850px){
.hide_850_only {
display:none;
}
}

@media screen and (max-width: 850px){
.show_850 {
display:inline;
}
}

@media screen and (min-width:800px) and (max-width: 850px){
.show_850_only {
display:inline;
}
}

@media screen and (max-width: 800px){
.hide_800 {
display:none;
}
}

@media screen and (min-width:750px) and (max-width: 800px){
.hide_800_only {
display:none;
}
}

@media screen and (max-width: 800px){
.show_800 {
display:inline;
}
}

@media screen and (min-width:750px) and (max-width: 800px){
.show_800_only {
display:inline;
}
}

@media screen and (max-width: 750px){
.hide_750 {
display:none;
}
}

@media screen and (min-width:700px) and (max-width: 750px){
.hide_750_only {
display:none;
}
}

@media screen and (max-width: 750px){
.show_750 {
display:inline;
}
}

@media screen and (min-width:700px) and (max-width: 750px){
.show_750_only {
display:inline;
}
}

@media screen and (max-width: 700px){
.hide_700 {
display:none;
}
}

@media screen and (min-width:650px) and (max-width: 700px){
.hide_700_only {
display:none;
}
}

@media screen and (max-width: 700px){
.show_700 {
display:inline;
}
}

@media screen and (min-width:650px) and (max-width: 700px){
.show_700_only {
display:inline;
}
}

@media screen and (max-width: 650px){
.hide_650 {
display:none;
}
}

@media screen and (min-width:600px) and (max-width: 650px){
.hide_650_only {
display:none;
}
}

@media screen and (max-width: 650px){
.show_650 {
display:inline;
}
}

@media screen and (min-width:600px) and (max-width: 650px){
.show_650_only {
display:inline;
}
}

@media screen and (max-width: 600px){
.hide_600 {
display:none;
}
}

@media screen and (min-width:580px) and (max-width: 600px){
.hide_600_only {
display:none;
}
}

@media screen and (max-width: 600px){
.show_600 {
display:inline;
}
}

@media screen and (min-width:580px) and (max-width: 600px){
.show_600_only {
display:inline;
}
}

@media screen and (max-width: 579px){
.hide_580 {
display:none;
}
}

@media screen and (min-width:550px) and (max-width: 579px){
.hide_580_only {
display:none;
}
}

@media screen and (max-width: 579px){
.show_580 {
display:inline;
}
}

@media screen and (min-width:550px) and (max-width: 579px){
.show_580_only {
display:inline;
}
}

@media screen and (min-width:1300px) and (max-width: 50000px){
.hide_wide_screen {
display:none;
}
}

@media screen and (min-width:971px) and (max-width: 1299px){
.hide_standard_screen {
display:none;
}
}

@media screen and (min-width:750px) and (max-width: 970px){
.hide_large_tablet {
display:none;
}
}

@media screen and (min-width:580px) and (max-width: 750px){
.hide_small_tablet {
display:none;
}
}

@media screen and (min-width:580px) and (max-width: 750px){
.hide_small_tablet {
display:none;
}
}

@media screen and (max-width: 579px){
.hide_mobile {
display:none;
}
}

@media screen and (min-width:1300px) and (max-width: 50000px){
.show_wide_screen {
display:inline;
}
}

@media screen and (min-width:971px) and (max-width: 1299px){
.show_standard_screen {
display:inline;
}
}

@media screen and (min-width:750px) and (max-width: 970px){
.show_large_tablet {
display:inline !important;
}
}

@media screen and (min-width:580px) and (max-width: 750px){
.show_small_tablet {
display:inline !important;
}
}

@media screen and (max-width: 579px){
.show_mobile {
display:inline !important;
}
}


I like what I see! I want to JOIN TODAY.

  • El Cristianismo no está basado en obras El Cristianismo no está basado en obras, sino en la obra redentora de Jesucristo en la Cruz del calvario, quien con su sacrificio redimió a la humanidad para salvación por medio del arrepentimiento y la fe en Cristo Jesús, como señor y Salvador de su Vida. El hombre fue creado a imagen de Dios  El hombre fue creado a la imagen de Dios para tener una relación con Él, pero por el pecado, que separa de Dios a todo hombre (Rom 5:12, Rom 3:23), es necesaria la fe en Jesucristo y su obra redentora.  

  • Pastor Heriberto Arce - Pastor y Maestro Bíblico  Pastor de Capilla Sela desde 2007 y con una vasta experiencia con más de 20 años de pastorado y servicio en Calvary Chapel de Chile.  Pastor Víctor Bravo - Pastor asistente  y Maestro Bíblico Pastor asistente de Capilla Sela desde 2007 y con una vasta experiencia con más de 15 años de maestro bíblico y servicio en Calvary Chapel de Chile.

  • Reunión Principal Nuestra reunión principal se realiza los días Domingo a las 11:30 horas, en nuestra Iglesia. Reunión de Oración
    Nuestra reunión de oración se realiza los días Miércoles a las 19:30 horas, en nuestra Iglesia.

Retiro de Mujeres - Estudio Bíblico N°01: Filipenses 3 (19/20/21 de octubre 2018) Descarguelo

Noticias Capilla Sela

  • Reunión de Matrimonios

    El día Sábado 18 de agosto desde las 16:00 hrs. se realizará la tercera y última reunión de Matrimonios en nuestra iglesia.  Los esperamos con una cena para matrimonios. 

    Read more ...  
  • Reunión de Oración

    Todos los días miércoles a las 19:30 horas nos reunimos en nuestra Iglesia a compartir en Koinonia y tener un tiempo de Oración entre hermanos, dando la Gloria a Dios y la intercesión del Espíritu Santo. 

    Read more ...  
  • Nuevos Creyentes y Discipulado

    En el mes de Abril de 2018 comenzaremos nuevamente nuestras clases para Nuevos Creyentes y Discipulado.  Estas clases se realizan los días domingos a las 10:00 de la mañana. 

    Read more ...

Información Legal

Capilla Sela es una iglesia independiente no denominacional, formada legalmente el 6 de agosto de 2001 con Personalidad Jurídica N°00358 en Santiago de Chile. 

Capilla Sela se encuentra afecta a la Ley N°19638 del 14-10-1999, cumpliendo todos los requerimientos que atañen a las Iglesias y Organizaciones Religiosas en Chile.

Los Estatutos de la Entidad Religiosa Sela, se encuentran aprobados y reducidos a escritura pública conforme a la Ley anteriormente indicada.

Menú Express