Joomla Template verändern

[magic.dave]

Hi, ich nutze folgendes Template für Joomla und möchte nun 2 Sachen daran ändern. Aber leider finde ich einfach nicht die richtigen Stellschrauben an denen gedreht werden muss.

Template: http://www.xswebdesign.com/hosting-template-for-joomla-3-4/
Live-Demo: http://www.xswebdesign.com/j3/?template=hostingservices

Ich möchte den Bereich vom Inhalt etwas schmaler machen und die Seiten links und rechts vom Inhalt etwas gräulich einfärben. Dieser Bereich sollte dann in etwa aussehen wie in dieser Live-Demo:

http://www.xswebdesign.com/j3/?template=qualify

Ich denke mal das der div wrapper in der styles.css derjenige ist, den man verändern muss. Nur ändert sich bei mir leider nichts, daher wohl doch der falsche.

VG
magic.dave

 

[Y14]

Hallo magic,

also was du machen kannst damit du, dass in Zukunft auch kannst :

1 ) F12 Drücken um in den Entwicklermodus zu kommen dann die Lupe benutzen um den bereich zu bearbeiten.
- Auf der rechten Seite hast du den ganzen CSS Code dazu schau und versteh das.

2 ) Ich hab mir jetzt nur grob schnell die Seite angeguckt und das sollte kein Problem sein "wenn" du in der Lage bist 5 Minuten zu Googeln

 

[magic.dave]

Super, danke schon mal für deine Tipp. Den Content konnte ich schon etwas schmaler machen indem ich Zeile 228 in der styles.css geändert habe:
#wrapper {margin:0 auto; max-width:900px; padding:15px;position: relative;}

Um die Farbe der Seiten abzuändern, müsste man diese Zeile ändern:
.background {position: absolute;width: 100; background: #95A6EC;}
In der Live Preview von dem äquivalenten Template (http://www.xswebdesign.com/j3/?template=qualify) funktioniert es auch. Bei dem eigentlichen (erster im 1. Post) klappt es komischerweise nicht. Könntest du da nochmal drüber schauen und mir einen Tipp geben?

VG
magic.dave

 

[Y14]

Hey ,

das freut mich ^^.

Ich weiß gerade nicht genau was du meinst, aber schau mal zb das Element an und geh immer in der Verzweigung hoch und überprüfe dort ebenfalls den CSS code, meist sind mehrere Div Elemente in einer hierarchie und haben verschiedene Styles.

<div class="Style1">
 <div class="Style 2">
   usw.
 </div>
</div>

Hoffe das hilft dir

 

[magic.dave]

Ich finde es irgendwie nicht heraus woran es liegt, das es nicht klappt. Könntest du vielleicht mal kurz nachschauen? Bei dir dauert es wahrscheinlich nicht mal 5 Minuten
Was genau ich erreichen möchte, hab ich nochmal im Anhang farblich markiert.

 

[V-Nessa]

Meinst du so? Dann jeweils die background-color hinzufügen.

#wrapper-w {
    background: #fff;
    position: relative;
    background-color: #C7C7C7;
}

#wrapper {
    margin: 0 auto;
    max-width: 1170px;
    padding: 15px;
    position: relative;
    background-color: #fff;
}

 

[magic.dave]

Das ist genau das was ich meinte Ich danke dir für deine Hilfe