Hintergrund

Antworten
#1
16.08.2017 15:35 (zuletzt bearbeitet: 17.08.2017 15:58)
avatar  Ben
#1
Be
Ben

Hallo allerseits,

ich habe versucht auf meiner Seite (Design Rome) abschnittsweise den Hintergrund zu ändern mit dieser Anleitung "full-width-sections"

...das hat auch soweit funktioniert. Nur ist jetzt nicht nur die Hintergrundfarbe in diesem Bereich auf der vollen breite sondern auch der Content Bereich. Weis zufällig jemand woran das liegt oder sieht jemand den Fehler?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript">
</script>
 
<script type="text/javascript">
 
//<![CDATA[ 
    $(document).ready(function() { 
 
/* This is the Columns Element that we are converting - identify it here */ 
        $( "#cc-m-5184383466" ).wrap( "<div id='section1' />" );  
   });  
 
//]]> 
 
</script>
 
<style type="text/css">
 
/*<![CDATA[*/ 
       
/*  This code prevents side-scrolling */ 
 
        body { overflow-x: hidden;} 
       .jtpl-main {overflow-x:hidden;} 
 

/* This is a fullwidth section - add your comment to describe it */ 
        #section1 { 
        width: 100vw; 
        position: relative; 
        left: 50%; 
        right: 50%; 
        margin-left: -50vw; 
        margin-right: -50vw; 
        background: #C23B0E; 
        } 
 
/*]]>*/ 
 
</style>
 




Vielen Dank im Voraus

Liebe Grüße

Ben


 Antworten

 Beitrag melden
#2
17.08.2017 01:03
avatar  FKWars
#2
avatar
FKWars

Hallo Ben,
um welche Seite dreht es sich?

www.crazy-terra.com

 Antworten

 Beitrag melden
#3
17.08.2017 09:21
avatar  Ben
#3
Be
Ben

Die Seite ist Leider noch im Bearbeitungsmodus. Aber ich habe gesehen das das selbe mit der Beispiel Seite des Tutoriell passiert ist: "Link". Auf dem Screenshot der Seite ist noch alles richtig aber sobald man auf die Seite geht ist der Content Bereich auf voller Breite und Das selbe Problem habe ich auf meiner Seite



Ich hoffe du kannst mir auch so helfen

Liebe Grüße
Ben

Bildanhänge

 Antworten

 Beitrag melden
#4
17.08.2017 16:05 (zuletzt bearbeitet: 17.08.2017 16:05)
avatar  az_
#4
avatar
az_

...finde den Container des Spaltensatzes in der Section und gib ihm eine CSS-Anpassung, z.B.:

1
2
3
4
 
#cc-m-12219240478 {
    width: 90%;
    margin-left: 5%;
}
 



(...diese ID wirkt bei https://brentfullwidth.jimdo.com in section 1)

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#5
18.08.2017 09:17
avatar  Ben
#5
Be
Ben

Hallo az_

Danke für deinen tip. Allererding weiß ich nicht genau wie ich es in den oben genannten Code einbauen soll, wäre lieb wen du mir da noch einmal behilflich sein könntest.

Vielen Dank schon mal

LG, Ben


 Antworten

 Beitrag melden
#6
19.08.2017 16:47
avatar  az_
#6
avatar
az_


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!