Anzeige

Footer mit CSS verändern

Footer mit CSS verändern | PSD-Tutorials.de

Erstellt von TheRedTora, 13.02.2013.

  1. TheRedTora

    TheRedTora Noch nicht viel geschrieben

    Dabei seit:
    20.12.2012
    Beiträge:
    24
    Geschlecht:
    weiblich
    Footer mit CSS verändern
    Ich arbeite bei WP mit dem Theme: Customized Elegant Grunge von Michael Tyson.
    Hier meine Seite: http://miriamelgner.wordpress.com/
    Ich habe das Theme gekauft, also theoretisch die Möglichktie über CSS alles zu ändern.
    Hier meine Frage: Mein Footer erscheint automatisch mit 3 Spalten. Kann ich das ändern und z.B. 4 Spalten daraus machen?
    Wenn ja, wie?
     
    #1      
  2. lachender_engel

    lachender_engel Aktives Mitglied

    Dabei seit:
    23.03.2009
    Beiträge:
    1.276
    Geschlecht:
    männlich
    Ort:
    Die Welt
    Software:
    Adobe Creative Suite CS6 Design & Web, Notepad++, IrfanView, Jetbrains PhpStorm
    Kameratyp:
    Nikon D7200
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    Bei einem WP-Theme machen die meisten Autoren eine Konfigurationsseite. Schaue dort nach, ob sich der Footer anpassen lässt. Zudem liefern die Autoren auch eine Dokumentation zum Theme mit. Schaue auch da nach, was der Autor dazu schreibt.

    Ach ja, zu Deiner Frage: Klar kannst Du aus drei auch vier Spalten machen ;-)
     
    #2      
  3. TheRedTora

    TheRedTora Noch nicht viel geschrieben

    Dabei seit:
    20.12.2012
    Beiträge:
    24
    Geschlecht:
    weiblich
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    mh... leider nur die Meisten :(
    Bei mir hat sich praktisch nichts geädert, seit ich das Theme gekauft habe - ich dachte, mein Menü wird dadurch vllt. etwas umfangreicher oder so.
    Also, von einer Dokumentation oder Konfiguratonsseite weiß ich nichts - wo verstecken die denn normalerweise sowas?
     
    #3      
  4. Mr_Quick

    Mr_Quick Ich bin so - wie Ich bin

    Dabei seit:
    19.02.2010
    Beiträge:
    2.279
    Geschlecht:
    männlich
    Ort:
    Bayern
    Software:
    CS4, CS5, Wordpress, Affinity Photo (Win)
    Kameratyp:
    Nikon D60
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    Wäre es nicht sinnvoller, Du machst eine eigene Wordpress Installation?
    Denn da hast Du alle Rechte. ;)
     
    #4      
  5. TheRedTora

    TheRedTora Noch nicht viel geschrieben

    Dabei seit:
    20.12.2012
    Beiträge:
    24
    Geschlecht:
    weiblich
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    Ja, dachte ich auch schon - so down wie ich gerade bin ;)
    Aber ich bin noch totaler Anfänger und wollte erstmal klein anfangen ;)
     
    #5      
  6. Mr_Quick

    Mr_Quick Ich bin so - wie Ich bin

    Dabei seit:
    19.02.2010
    Beiträge:
    2.279
    Geschlecht:
    männlich
    Ort:
    Bayern
    Software:
    CS4, CS5, Wordpress, Affinity Photo (Win)
    Kameratyp:
    Nikon D60
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    Du siehst selbst, wie dich dies runter zieht, weil Du nicht die Möglichkeit hast, deine Page hingegen so zu verändern Wie DU es gerne möchtest.
     
    #6      
  7. newbie50plus

    newbie50plus Nicht mehr ganz neu hier

    Dabei seit:
    26.06.2010
    Beiträge:
    97
    Geschlecht:
    männlich
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    [FONT=Arial, sans-serif]Moin Miriam,[/FONT]
    [FONT=Arial, sans-serif]gehe bitte im Backend links auf [/FONT]
    [FONT=Arial, sans-serif]1. Editor[/FONT]
    [FONT=Arial, sans-serif]2. in style.css nach fogendem Eintrag suche (fast am Ende der Datei):[/FONT]
    [FONT=Arial, sans-serif] #footer .widget-wrap {[/FONT]
    [FONT=Arial, sans-serif] float: left;[/FONT]
    [FONT=Arial, sans-serif] width: 264px;[/FONT]
    [FONT=Arial, sans-serif] margin-bottom: 36px;[/FONT]
    [FONT=Arial, sans-serif]}[/FONT]
    [FONT=Arial, sans-serif]3. ändere das Element: width: 200px;[/FONT]
    [FONT=Arial, sans-serif]4. Have fun[/FONT]
     
    #7      
  8. TheRedTora

    TheRedTora Noch nicht viel geschrieben

    Dabei seit:
    20.12.2012
    Beiträge:
    24
    Geschlecht:
    weiblich
    Footer mit CSS verändern
    #8      
  9. Mr_Quick

    Mr_Quick Ich bin so - wie Ich bin

    Dabei seit:
    19.02.2010
    Beiträge:
    2.279
    Geschlecht:
    männlich
    Ort:
    Bayern
    Software:
    CS4, CS5, Wordpress, Affinity Photo (Win)
    Kameratyp:
    Nikon D60
    Footer mit CSS verändern


    Hilf mir doch mal bitte mit dem Gedankengang ;)

    Wenn ich "width" kleiner mache, werden es dadurch doch nicht 4 Spalten?

    Habe ich etwas falsch verstanden?



    Screenshots gehen wieder nicht! ;)
     
    #9      
  10. lachender_engel

    lachender_engel Aktives Mitglied

    Dabei seit:
    23.03.2009
    Beiträge:
    1.276
    Geschlecht:
    männlich
    Ort:
    Die Welt
    Software:
    Adobe Creative Suite CS6 Design & Web, Notepad++, IrfanView, Jetbrains PhpStorm
    Kameratyp:
    Nikon D7200
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    Du hast keinen Editor.
    Zum Verständnis, ein Editor ist alles mit dem Du Text verarbeiten kannst.
    Unter Windows heißt das Dingen sogar "Editor" bzw. notepad.exe. Ein bisschen komfortabler ist Notepad++ http://notepad-plus-plus.org/ und zudem konstenlos.
    Da findest Du sicher eine Möglichkeit die Datei zu bearbeiten.
     
    #10      
  11. lachender_engel

    lachender_engel Aktives Mitglied

    Dabei seit:
    23.03.2009
    Beiträge:
    1.276
    Geschlecht:
    männlich
    Ort:
    Die Welt
    Software:
    Adobe Creative Suite CS6 Design & Web, Notepad++, IrfanView, Jetbrains PhpStorm
    Kameratyp:
    Nikon D7200
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    Dann muss jedoch das Facebook-Widget, rechts, kleiner gemacht werden denn sonst überschreibt das nächste Widget die Ansicht.
     
    #11      
  12. lachender_engel

    lachender_engel Aktives Mitglied

    Dabei seit:
    23.03.2009
    Beiträge:
    1.276
    Geschlecht:
    männlich
    Ort:
    Die Welt
    Software:
    Adobe Creative Suite CS6 Design & Web, Notepad++, IrfanView, Jetbrains PhpStorm
    Kameratyp:
    Nikon D7200
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    In diesem Fall doch. Wenn die einzelnen Widgets kleiner sind passen mehr der Boxen auf die Gesamtbreite einer Zeile.
     
    #12      
  13. Mr_Quick

    Mr_Quick Ich bin so - wie Ich bin

    Dabei seit:
    19.02.2010
    Beiträge:
    2.279
    Geschlecht:
    männlich
    Ort:
    Bayern
    Software:
    CS4, CS5, Wordpress, Affinity Photo (Win)
    Kameratyp:
    Nikon D60
    Footer mit CSS verändern
    Wenn dem so ist, dann habe ich auch wieder etwas gelernt. ;)
     
    #13      
  14. newbie50plus

    newbie50plus Nicht mehr ganz neu hier

    Dabei seit:
    26.06.2010
    Beiträge:
    97
    Geschlecht:
    männlich
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    Danke, lachender_engel!
    Ich war mir Anfangs auch nicht so sicher, deshalb habe ich es vorher auf meiner Testumgebung ausprobiert.:lol:

    @TheRedTora:
    Du benötigst keinen lokalen Editor!!!!Dieser befindet sich in deinem Wordpress Backend (Admin-Bereich) Dashboard.
    [​IMG]
    Unten rechts muß die CSS-Datei "style.css" unter "Stylesheets", hellblau gekennzeichnet sein.
    [​IMG]




    Nach dem Klick auf den Editor (roter Pfeil!) öffnet sich dieser mit folgender CSS-Datei (oben, hellblauer BG!):
    [​IMG]
    Deine verlinkten Bilder sind leider nicht vorhanden.
    Gruß Fred
     
    #14      
  15. Mr_Quick

    Mr_Quick Ich bin so - wie Ich bin

    Dabei seit:
    19.02.2010
    Beiträge:
    2.279
    Geschlecht:
    männlich
    Ort:
    Bayern
    Software:
    CS4, CS5, Wordpress, Affinity Photo (Win)
    Kameratyp:
    Nikon D60
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    @newbie50plus


    Die bebilderte Anleitung ist nicht schlecht von dir, nur hat die Sache einen Haken.
    Sie hat keine selfhosted Page, sondern Ihre Page ist bei wordpress.org gehostet und dort hat Sie große Einschränkungen.
     
    #15      
  16. newbie50plus

    newbie50plus Nicht mehr ganz neu hier

    Dabei seit:
    26.06.2010
    Beiträge:
    97
    Geschlecht:
    männlich
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    Ich kenne mich beim wordpress.org Hoster zwar nicht aus, aber ich denke, auch dort kann sie in den Adminbereich ihrer WP-Installation.
    Sie hat ja auch dieses Theme dort installieren können.
     
    Zuletzt bearbeitet: 14.02.2013
    #16      
  17. Mr_Quick

    Mr_Quick Ich bin so - wie Ich bin

    Dabei seit:
    19.02.2010
    Beiträge:
    2.279
    Geschlecht:
    männlich
    Ort:
    Bayern
    Software:
    CS4, CS5, Wordpress, Affinity Photo (Win)
    Kameratyp:
    Nikon D60
    Footer mit CSS verändern
    AW: Footer mit CSS verändern


    Diese Themes sind irgendwie dort schon abgelegt. Du musst nur sagen welches Du möchtest und schon ist es da.
    Drum ist dies immer eine etwas verzwickte Angelegenheit

    Diese zwei Screenshots hat sie in einem anderen Post erstellt

    https://docs.google.com/file/d/0B42t...l6a0ZBLWM/edit

    https://docs.google.com/file/d/0B42t...5LSUJtcWc/edit


    Dann verstehst Du evtl. was ich gemeint habe

    ;)
     
    #17      
  18. newbie50plus

    newbie50plus Nicht mehr ganz neu hier

    Dabei seit:
    26.06.2010
    Beiträge:
    97
    Geschlecht:
    männlich
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    Boahhhh!:muede: Du hast Recht!!!:'(
    Das sieht in dem Dashboard ja ganz anders aus.:schmoll:
    Habe mich da mal eben angemeldet und auch dieses Theme installiert. Aber Veränderungen am Theme sind nicht möglich. Es sei denn, ich zahle 30 €!!!
    Zwar kann ich mein custom CSS eingeben aber um es wirksam werden zu lassen ist da ein Button:
    [​IMG]
    Das ist ja abg*****t.
    L. G. Fred
     
    #18      
  19. Mr_Quick

    Mr_Quick Ich bin so - wie Ich bin

    Dabei seit:
    19.02.2010
    Beiträge:
    2.279
    Geschlecht:
    männlich
    Ort:
    Bayern
    Software:
    CS4, CS5, Wordpress, Affinity Photo (Win)
    Kameratyp:
    Nikon D60
    Footer mit CSS verändern
    AW: Footer mit CSS verändern


    Genau dies ist das Problem.
    Die Dame hat das Theme gekauft und wollte eben einiges ändern.
    Aber scheint irgendwie nicht machbar zu sein.
    Denn da sieht man dann die vollen Einschränkungen.
    Das ist traurig, man zahlt Geld und dann hat man doch keine großen Rechte etwas zu ändern.
     
    #19      
  20. newbie50plus

    newbie50plus Nicht mehr ganz neu hier

    Dabei seit:
    26.06.2010
    Beiträge:
    97
    Geschlecht:
    männlich
    Footer mit CSS verändern
    AW: Footer mit CSS verändern

    O. K.
    Dann gehe bitte in das Custom Design > CSS (wie auf 2.jpg) und trage forgenden Code ein:
    Code (Text):
    1. #footer .widget-wrap{float:left;width:200px;margin-bottom:36px}
    Bin mal gespannt ob es klappt!;)
     
    #20      
x
×
×