Spaltenabstand

Hi Yigit!

First problem – the spacing between colums – I solved by modifying grid.css (new spacing 2% and adapted column widths). Worked fine. I failed to get theese changes in the custom.css of my working child. I tried because I didn’t want to change to original theme.

Of course I could get theese changes in the custum.css (general area), but when I put the original grid.css into enfold ccs folder again, it didn’t work. I know, this is only a problem of my mind, but I couldn’t solve it yet. Probably here is a fault in my thoughts about how custom.css is working.

Best regards
Ernst

• This reply was modified 8 years, 4 months ago by ernst_w.

Hello Yigit!
got the possibility to extend my support for enfold with last update. One problem solved. ;)

Regards
Ernst

• This reply was modified 8 years, 4 months ago by ernst_w.

Dear Ismael,

of course I can. ;) See Private Content.

You can find my code in custom.css of used child. And this code works as I expected, if I place it in grid.css of original theme. So far so good. I would like to plce it in my child theme to avoid overwriting by update.

What I find by writing the code: Enfold is based on a 10 col grid. Why isn’t it possible to get mor than 5 cols by AVIA? It would had helped me a lot at the beginning (e.g. 1/10(empty)+1/5+1/5+1/5+1/5+1/10 (empty) and I would have solved one of my problems perfectly)…

• This reply was modified 8 years, 4 months ago by ernst_w.

Hi,

1. “You can place the custom css code in the child theme’s style.css file.”:
I did before you asked me to do so. It didn’t help.

2. Ad “If not, add the !important rule so that the css property gets more priority.”:
I did now, it didn’t make any difference. It does not work.

3. As I could see til now, it works only, if I replace code in the grid.css.

Very frustrating.

Best regards
Ernst

|-D

Yes, I will post the code. And I have given You full access to the code lang before. But, never mind, I will post ist here too:

/* EDIT margin-left 2%, Spaltenbreite angepasst -
Columns for better content separation
================================================== */
body div .first,
body div .no_margin {
  margin-left: 0;
}
div .flex_column {
  z-index: 1;
  float: left;
  position: relative;
  min-height: 1px;
  width: 100%;
}
div .av_one_fifth {
  margin-left: 2% !important;
  width: 18.4% !important;
}
div .av_one_fourth {
  margin-left: 2% !important;
  width: 23.5% !important;
}
div .av_one_third {
  margin-left: 2% !important;
  width: 32% !important;
}
div .av_two_fifth {
  margin-left: 2% !important;
  width: 38.8% !important;
}
div .av_one_half {
  margin-left: 2% !important;
  width: 49% !important;
}
div .av_three_fifth {
  margin-left: 2% !important;
  width: 59.2% !important;
}
div .av_two_third {
  margin-left: 2% !important;
  width: 66% !important;
}
div .av_three_fourth {
  margin-left: 2% !important;
  width: 74.5% !important;
}
div .av_four_fifth {
  margin-left: 2% !important;
  width: 79.6% !important;
}
div .av_one_sixth {
  margin-left: 2% !important;
  width: 15% !important;
}
div .av_one_seventh {
  margin-left: 2% !important;
  width: 12.5714285714% !important;
}
div .av_one_eighth {
  margin-left: 2% !important;
  width: 10.75% !important;
}
div .av_one_nineth {
  margin-left: 2% !important;
  width: 9.33333333333% !important;
}
div .av_one_tenth {
  margin-left: 2% !important;
  width: 8.2% !important;
}

/* Container <100% stellen wegen Farb-Sektion und Spalten - noch nicht geprüft
============================= */
#mwxtp .container { width: 80% !important; max-width: 80%; padding: 0; margin: 0 !important; }

Den Code wegen der schmäleren Spaltenabstände habe ich im grid.css geprüft. Und zwar natürlich ohne die !important-Regel. Er funktioniert dort prächtig. Aber weder im custom.css noch im style.css des Childs wird er berücksichtigt.

Oh, jetzt habe ich Deutsch und EWnglisch gemischt. Ich hoffe, Andy liest das selbst.

Best regards
Ernst

Thanks, Andy!

It is a little bit amusing to see differnt team members answering, sometimes not reading what happened before. ;)

I have read your a.m. topic. But as I wrote before: whether style.ccs nor custim.css in the child folder did work. It worked perfactly when I replace the code in grid.css located original theme folder, which sows me that the code snippet is working as it should. But it would be overwritten when updating. I will try later to place a complete new grid.css in child folder. After holidays, but I will.

Best regards
Ernst

You can close this thread. I have done it with another theme…

Best regards,
Ernst

• This reply was modified 8 years, 2 months ago by ernst_w.