Seltsamer Fehler - Support | Kriesi.at - Premium WordPress Themes

Viewing 17 posts - 1 through 17 (of 17 total)

Author

Posts
December 10, 2013 at 6:12 pm #198628
crevlon
Participant
Hallo,

es geht um den oberen Inhalt der folgenden zwei Seiten:

http://www.marcobehrens.com/neu-hier/
http://www.marcobehrens.com/danke-fuer-deine-anmeldung/

Ich finde einfach nicht heraus warum die oberen zwei dunklen “color sections” samt Inhalt unterschiedlich sind.
Ich habe sie zu 100% gleich erstellt. Könnt ihr mir sagen warum die eine Box schmaler als die andere ist?

Liebe Grüße,
Marco

P.s.: Am “Whitespace” “Horizontal Ruler” liegt es nicht. Wenn ich diesen einfüge verschiebt sich dir Schrift nur nach unten. Der dunkle Balken wird aber nicht dicker/breiter.
- This topic was modified 11 years ago by crevlon.
December 17, 2013 at 7:22 pm #201246

crevlon
Participant

Hat niemand eine Lösung?

December 19, 2013 at 10:46 am #201964
Dude
Participant
Hi!

Vermutlich wird irgendein CSS Code nur auf der einen Seite angewendet und nicht auf der anderen. Du kannst proberen mit diesem Code
```
.page-id-2380 #kette div .av_one_half {
padding: 50px 0;
}
```
etwas padding zur Überschrift hinzuzufügen und dies sollte auch den Container vergrößern.

Cheers!
Peter
December 19, 2013 at 10:58 am #201969
crevlon
Participant
Das klappt leider nicht so wie erhofft.

könnte es dieser Code verursachen?
```
.page-id-2380 div .av_one_fourth {
width: 11% !important;
}
.page-id-2380 div .av_one_half {
width: 66%;
}
```
Den benutze ich um damit mein Text zentriert 2/3 der Bildschirmbreite einnimmt.
- This reply was modified 11 years ago by crevlon.
December 19, 2013 at 1:40 pm #202008

Dude
Participant

Hey!

Hast du schon probiert alle Selektoren mit “.page-id-XXXX” wegzunehmen? Mache ein Backup des CSS Code und anschließend nimm den seitenspezifischen Code raus. Ändert sich dann etwas?

Regards,
Peter

December 19, 2013 at 2:19 pm #202015

crevlon
Participant

Habs gerade probiert. Es liegt wirklich an diesem Code. Wie bekomme ich es denn hin, dass ich die Spaltebreite auf 2/3 bzw. 66% bekomme und die Color Section davon NICHT beeinflusst wird?

December 21, 2013 at 8:59 am #202828
Dude
Participant
Hi!

Probiere einmal einen min-height Wert zu setzen – zB mit
```
.page-id-2380 div .av_one_half {
width: 66%;
min-height: 200px;
}
```
und passe diesen wenn nötig an. Dann verwende das Whitespace Element um die Überschrift hinunter zu schieben.

Cheers!
Peter
December 21, 2013 at 11:41 am #202863
crevlon
Participant
Das funktioniert. Nur passt sich die Größe der Kette nicht mit an.

Ich habe für diese Seite folgende CSS codes aktiv:
```
.ls-container {
border-top: 3px solid #c2512f !important;
border-bottom: 2px solid #c2512f !important;
}
#footer {
border-top: 2px solid #c2512f !important;
border-bottom: 2px solid #c2512f !important;
}
.page-id-2380 .avia-section {
border-top: 4px solid #c2512f !important;
border-bottom: 2px solid #c2512f !important;
}
.page-id-2380 div .av_one_fourth {
width: 11% !important;
}
.page-id-2380 div .av_one_half {
width: 66%;
min-height: 250px;
}
#top #wrap_all #kette, #top #wrap_all #kette .container {
width: 100% !important;
}
#top #wrap_all #kette .container .avia_image.avia-align-center {
margin-right: 0;
}
#top #wrap_all #kette .container .content{
padding-top: 0;
padding-bottom: 0;
}
```
December 21, 2013 at 1:47 pm #202874
Dude
Participant
Hi!

Versuche dieselbe min-height auch für das “Viertel” Element zu setzen:
```
.page-id-2380 div .av_one_fourth {
width: 11% !important;
min-height: 250px;
}

.page-id-2380 div .av_one_half {
width: 66%;
min-height: 250px;
}
```
Best regards,
Peter
December 21, 2013 at 1:53 pm #202878

crevlon
Participant

Hat leider nichts verändert.

December 22, 2013 at 11:00 am #203026
Dude
Participant
Hey!

Dann versuche die Größe des Bildes direkt anzupassen
```
.page-id-2380 div .av_one_fourth img {
width: 11% !important;
height: 200px;
width: auto;
}
```
Regards,
Peter
December 22, 2013 at 12:39 pm #203040
crevlon
Participant
```
.page-id-2380 div .av_one_fourth img {
height: 250px;
}
```
verursacht schon mal, dass das Bild die richtige Höhe bekommt.
“width: 11% !important;” und “width: auto;” haben dabei aber keinen sichtbaren Effekt. Jetzt müsste ich also nur noch die Breite des Bildes auf die normale Breite bekommen.
December 22, 2013 at 4:04 pm #203057

Dude
Participant

Hi!

Vermutlich muss du hierzu die Weite von “.page-id-2380 div .av_one_fourth” entsprechend vergrößern. 11% werden zu wenig sein.

Regards,
Peter

December 22, 2013 at 6:36 pm #203074
crevlon
Participant
Ich habs schon fast befürchtet. Wenn ich das tue hat das natürlich auch eine Auswirkung auf meinen unteren Text. Der wird dann wieder entsprechend schmaler.
Gibt es denn wirklich keine andere Möglichkeit (außer die die ich momentan nutze) meinen Text zentriert 2/3 der Bildschirmbreite einnehmen zu lassen als die Werte der Spalte zu ändern?
Gibt es nicht die Möglichkeit eine 1/6 Spalte zu definieren? Dann könnte ich ja 1/6, 2/3, 1/6 Spalten machen.
Oder einer alleinstehenden 2/3 Spalte sagen, dass diese zentriert sein soll?
- This reply was modified 11 years ago by crevlon.
December 24, 2013 at 10:16 am #203525
Dude
Participant
Hey!

Nein leider. Beides würde neue Layout Element erfordern. Wenn du es so nicht richtig hinbekommst, dann lass die Kette etwas kleiner und verwende diesen Code
```
.page-id-2380  #kette .container img{
width: 200px;
height:auto;
}
```
um die Kette auf der anderen Seite ebenfalls zu verkleinern.

Regards,
Peter
December 30, 2013 at 4:34 pm #203747

crevlon
Participant

Ok, ich hab die Spaltenänderungen nun einfach herausgenommen. Der Text ist nun zwar nicht mehr 100%tig mittig, aber diese Lösung gefällt mir noch am Besten.

Danke für deine Unterstützung :)

Ach und einen Guten Rutsch ins neue Jahr wünsche ich dir ;)

December 30, 2013 at 4:36 pm #203750

Dude
Participant

Hey!

Vielen Dank :)

Best regards,
Peter
Author

Posts

Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘Seltsamer Fehler’ is closed to new replies.