Support » Themes » Layout Footer: Hintergrundfarbe, Menüanordnung, SocialMedia Icons

  • Gelöst dennis600

    (@dennis600)


    Hallo zusammen,

    ich erstelle gerade das Layout unserer Webseite. Dabei handelt es sich um eine Firmenwebseite. Kein Online-Verkauf, sondern nur mit Infos über meine Firma die ich im Nebenerwerb betreibe.

    Soweit bin ich auch ganz gut durchgekommen, aber der Footer bringt mich zum verzweifeln.
    Was ich möchte ist eine individuelle Hintergrund- und Textfarbe.
    Die Hintergrundfabre habe ich mit zusätzlichem CSS so eingestellt bekommen:

    footer {
        background-color: #00145A;
        text-align: justify;
    }

    Das ist ein relativ dunkles blau, daher hätte ich gerne eine weiße Schrift.

    Ich habe eine Menü erstellt das ich im Footer anzeigen will, allerdings schaffe ich es nicht, dass die Menüeinträge nebeneinander sind und in der Mitte unten im Footer. Die Schriftfarbe des Menüs sollte auch weiß sein.
    Zu guter letzt möchte ich noch normale SocialMedia Icons haben. Ich habe ein Plugin installiert, Social Media and Share Icons (Ultimate Social Media), gibt es da ein Plugin das zu empfhelen ist? Ich finde die Icons nicht so schön, vorallem mit dem Rahmen, so das um das Icon meine Hintergrundfarbe fehlt.

    So das erst mal zu meinen großen Problemen.

    Die Infos:
    Verwendetes Theme: eStar Version: 1.3.4 von GretaThemes
    Mein Webseit-Zustand:

    
    ### wp-core ###
    
    version: 5.8.3
    site_language: de_DE
    user_language: de_DE
    timezone: +00:00
    permalink: /%postname%
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 1
    dotorg_communication: true
    
    ### wp-paths-sizes ###
    
    wordpress_path: /homepages/19/d893448070/htdocs/clickandbuilds/CENTEREngineering
    wordpress_size: 59,00 MB (61869130 bytes)
    uploads_path: /homepages/19/d893448070/htdocs/clickandbuilds/CENTEREngineering/wp-content/uploads
    uploads_size: 7,53 MB (7897964 bytes)
    themes_path: /homepages/19/d893448070/htdocs/clickandbuilds/CENTEREngineering/wp-content/themes
    themes_size: 9,61 MB (10072817 bytes)
    plugins_path: /homepages/19/d893448070/htdocs/clickandbuilds/CENTEREngineering/wp-content/plugins
    plugins_size: 219,72 MB (230389909 bytes)
    database_size: 5,91 MB (6193152 bytes)
    total_size: 301,76 MB (316422972 bytes)
    
    ### wp-active-theme ###
    
    name: eStar (estar)
    version: 1.3.4
    author: GretaThemes
    author_website: https://gretathemes.com
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, menus, automatic-feed-links, title-tag, html5, customize-selective-refresh-widgets, custom-logo, post-thumbnails, wp-block-styles, align-wide, editor-styles, responsive-embeds, editor-style, editor-font-sizes, editor-color-palette, amp, widgets
    theme_path: /homepages/19/d893448070/htdocs/clickandbuilds/CENTEREngineering/wp-content/themes/estar
    auto_update: Deaktiviert
    
    ### wp-themes-inactive (6) ###
    
    Harrison: version: 1.3.5, author: ThemeZee, Automatische Aktualisierungen deaktiviert
    Poseidon: version: 2.3.5, author: ThemeZee, Automatische Aktualisierungen deaktiviert
    Tortuga: version: 2.3.4, author: ThemeZee, Automatische Aktualisierungen deaktiviert
    Treville: version: 2.1.4, author: ThemeZee, Automatische Aktualisierungen deaktiviert
    Twenty Fifteen: version: 3.0, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
    Vantage: version: 1.19.5, author: SiteOrigin, Automatische Aktualisierungen deaktiviert
    
    ### wp-mu-plugins (1) ###
    
    1&1 Product Subdomain: version: 1.1.0, author: 1&1
    
    ### wp-plugins-active (29) ###
    
    Advanced Editor Tools (previously TinyMCE Advanced): version: 5.6.0, author: Automattic, Automatische Aktualisierungen deaktiviert
    Aino Blocks - Creative Block Collection: version: 1.8.2, author: Elma Studio, Automatische Aktualisierungen deaktiviert
    AMP: version: 2.2.0, author: AMP Project Contributors, Automatische Aktualisierungen aktiviert
    Antispam Bee: version: 2.10.0, author: pluginkollektiv, Automatische Aktualisierungen deaktiviert
    Avadanta Companion: version: 1.3.6, author: avadantathemes, Automatische Aktualisierungen deaktiviert
    Broken Link Checker: version: 1.11.16, author: WPMU DEV, Automatische Aktualisierungen deaktiviert
    eRocket: version: 1.2.3, author: eLightUp, Automatische Aktualisierungen deaktiviert
    Evento: version: 1.0.16, author: nayrathemes, Automatische Aktualisierungen deaktiviert
    Gutenberg: version: 12.3.0, author: Gutenberg Team, Automatische Aktualisierungen deaktiviert
    Icyclub: version: 1.8.4, author: themeicy, Automatische Aktualisierungen deaktiviert
    Impressum: version: 1.0.4, author: Epiphyt, Automatische Aktualisierungen deaktiviert
    IONOS Assistant: version: 7.1.4, author: IONOS, Automatische Aktualisierungen aktiviert
    Jetpack: version: 10.4, author: Automattic, Automatische Aktualisierungen deaktiviert
    Jetpack Boost: version: 1.3.1, author: Automattic, Automatische Aktualisierungen deaktiviert
    Kadence Blocks – Gutenberg Blocks for Page Builder Features: version: 2.1.19, author: Kadence WP, Automatische Aktualisierungen deaktiviert
    Limit Login Attempts Reloaded: version: 2.23.2, author: Limit Login Attempts Reloaded, Automatische Aktualisierungen deaktiviert
    Meta Box: version: 5.5.1, author: MetaBox.io, Automatische Aktualisierungen deaktiviert
    Page Builder by SiteOrigin: version: 2.16.0, author: SiteOrigin, Automatische Aktualisierungen deaktiviert
    Popularis Extra: version: 1.1.2, author: Themes4WP, Automatische Aktualisierungen deaktiviert
    Real Cookie Banner (Free): version: 2.12.0, author: devowl.io, Automatische Aktualisierungen aktiviert
    SiteOrigin CSS: version: 1.5.1, author: SiteOrigin, Automatische Aktualisierungen deaktiviert
    SiteOrigin Widgets Bundle: version: 1.28.0, author: SiteOrigin, Automatische Aktualisierungen deaktiviert
    Smart Slider 3: version: 3.5.1.2, author: Nextend, Automatische Aktualisierungen deaktiviert
    Social Media and Share Icons (Ultimate Social Media): version: 2.6.9, author: UltimatelySocial, Automatische Aktualisierungen deaktiviert
    SpiceBox: version: 1.9, author: Spicethemes, Automatische Aktualisierungen deaktiviert
    Statify: version: 1.8.3, author: pluginkollektiv, Automatische Aktualisierungen deaktiviert
    The Events Calendar: version: 5.12.2, author: The Events Calendar, Automatische Aktualisierungen deaktiviert
    WPForms Lite: version: 1.7.2, author: WPForms, Automatische Aktualisierungen deaktiviert
    WP Maintenance Mode: version: 2.4.1, author: Designmodo, Automatische Aktualisierungen deaktiviert
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_GD
    imagick_module_version: Nicht verfügbar
    imagemagick_version: Nicht verfügbar
    imagick_version: Nicht verfügbar
    file_uploads: File uploads is turned off
    post_max_size: 128M
    upload_max_filesize: 128M
    max_effective_size: 128 MB
    max_file_uploads: 20
    gd_version: 2.2.5
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.27
    
    ### wp-server ###
    
    server_architecture: Linux 4.4.284-icpu-077 x86_64
    httpd_software: Apache
    php_version: 7.4.25 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 1000
    time_limit: 30
    memory_limit: 1024M
    max_input_time: -1
    upload_max_filesize: 128M
    php_post_max_size: 128M
    curl_version: 7.64.0 OpenSSL/1.1.1d
    suhosin: false
    imagick_availability: false
    pretty_permalinks: true
    htaccess_extra_rules: true
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 10.5.12-MariaDB-1:10.5.12+maria~bullseye-log
    client_version: mysqlnd 7.4.25
    
    ### wp-constants ###
    
    WP_HOME: https://center-engineering.de
    WP_SITEURL: https://center-engineering.de
    WP_CONTENT_DIR: /homepages/19/d893448070/htdocs/clickandbuilds/CENTEREngineering/wp-content
    WP_PLUGIN_DIR: /homepages/19/d893448070/htdocs/clickandbuilds/CENTEREngineering/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 1024M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_LOCAL_DEV: undefined
    DB_CHARSET: utf8
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    mu-plugins: writable
    
    ### jetpack ###
    
    site_id: 201310358
    ssl_cert: No
    time_diff: undefined
    version_option: 10.4:1641131513
    old_version: 10.4:1641131513
    public: Public
    master_user: #1 Hugo89
    current_user: #1 Hugo89
    tokens_set: Blog User
    blog_token: trg$BmwWz%9x!(fFWg$bNgV2j33u^gbu
    user_token: i3ofwJehRf0*RADGPdhWHfqIU12@axNZ
    version: 10.4
    jp_plugin_dir: /homepages/19/d893448070/htdocs/clickandbuilds/CENTEREngineering/wp-content/plugins/jetpack/
    plan: free
    protect_header: {"trusted_header":"REMOTE_ADDR","segments":1,"reverse":false}
    full_sync: {"started":"Sun, 02 Jan 2022 13:53:48 +0000","finished":"Sun, 02 Jan 2022 13:53:52 +0000","progress":{"options":{"finished":true},"functions":{"finished":true},"constants":{"finished":true},"users":{"total":"1","sent":1,"finished":true,"last_sent":"1"},"network_options":{"finished":true}},"config":{"options":true,"functions":true,"constants":true,"users":[1],"network_options":true}}
    sync_size: undefined
    sync_lag: 0 seconds
    full_sync_size: undefined
    full_sync_lag: 0 seconds
    idc_urls: {"home":"https:\/\/center-engineering.de","siteurl":"https:\/\/center-engineering.de","WP_HOME":"https:\/\/center-engineering.de","WP_SITEURL":"https:\/\/center-engineering.de"}
    idc_error_option: false
    idc_optin: true
    cxn_tests: All Pass.
    
    ### amp_wp ###
    
    amp_slug_query_var: amp
    amp_slug_defined_late: false
    amp_mode_enabled: reader
    amp_reader_theme: twentyfifteen
    amp_templates_enabled: post, page, is_singular, is_front_page, is_home, is_archive, is_author, is_date, is_search, is_404, is_category, is_tag, is_tax[tribe_events_cat], is_post_type_archive[tribe_events]
    amp_serve_all_templates: true
    amp_css_transient_caching_disabled: false
    amp_css_transient_caching_threshold: 5000 transients per day
    amp_css_transient_caching_sampling_range: 14 days
    amp_css_transient_caching_transient_count: 151
    amp_css_transient_caching_time_series: 
    	20220102: 0
    	20220103: 127
    	20220104: 127
    	20220105: 127
    	20220106: 127
    	20220107: 135
    amp_libxml_version: 2.9.4
    
    ### wpforms ###
    
    version: 1.7.2
    lite: Dez 24, 2021 @ 12:00pm
    upload_dir: Beschreibbar
    db_tables: MAWXWfqWwpforms_tasks_meta
    total_forms: 1
    total_submissions: 1
    
    

    Ich danke euch schon vielmals für eure Hilfe!
    Viele Grüße

    • Dieses Thema wurde geändert vor 7 Monaten von Hans-Gerd Gerhards. Grund: Formatierung als Code

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Hallo,
    bitte lies doch noch mal unsere Forenregeln (Eine Frage = Ein Thread (Thema)).
    Füge bitte die folgende CSS-Regel unter Design > Customizer > Zusätzliches CSS ein:

    .menu-footer-container {
        display: flex;
        justify-content: center;
    }
    ul#menu-footer-1 a {
        color: white;
    }

    Evtl. kann man das aber auch über Design > Customizer in den Einstellungen ändern.
    An dieser Stelle möchte ich aber noch darauf hinweisen, dass wir hier bei WordPress-Fragen helfen. CSS-Probleme gehören in der Regel nicht dazu.
    Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier.
    Viele Grüße
    Hans-Gerd

    Thread-Ersteller dennis600

    (@dennis600)

    Hallo Hans-Gerd,

    vielen Dank für deine Antwort.

    In den Einstellugen habe ich bei diesem Theme leider nichts finden können, deswegen bin ich notgedrungen auf CSS umgeschwenkt. Entschuldigt bitte, dass das dafür das falsche Forum ist, genau so wie die zuvielen Fragen. Wichtig ist mir gerade eigentlich erstmal, dass das Menü so angezeigt wird, wie ich es gerne hätte.

    Ich habe deine CSS-Regel eingefügt.
    Die Schriftfarbe ist jetzt weiß und das Menü befindet sich in der Mitte, allerdings noch gestapelt und nicht nebeneinander. Aber das ist schon mal ein großer Schritt in die richtige Richtung, danke dafür!
    Das Menü habe ich unter „Desing“ -> „Menüs“ erstellt. Allerdings habe ich da keine weiteren Einstellmöglichkeiten:
    Screenshot-2022-01-08-131801
    Geht das dann auch wieder nur mit CSS?

    Viele Grüße

    Moderator Bego Mario Garde

    (@pixolin)

    Hans-Gerd hat schon darauf hingewiesen, dass du hier nicht in einem CSS-Forum bist. Wenn wir trotzdem CSS-Regeln zur Verfügung stellen, ist das nur als freundliche Unterstützung gemeint. Grundsätzlich sprengt es aber den Rahmen eines kostenlosen Support, wenn wir Grundlagen vermitteln oder individuelle Anpassung vornehmen sollen.

    Und nun, nach der feierlichen Ansprache …

    .menu-footer-container li {
      display: inline-block;
      margin: 10px;
    }

    sollte die Menüeinträge wieder nebeneinander stellen.

    Unter Design > Menüs kannst du nur einstellen, was als Menüeintrag angezeigt werden soll, aber nicht wie es erscheinen soll. Das musst du in den Widget-Einstellungen festlegen. Oder dir eben per CSS helfen – was aber nicht ideal ist, weil du spätestens nach 2 Stunden vergessen hast, wieso du irgendwann mal eine CSS-Regel hinzugefügt hast und was sie bewirken sollte. Du fängst dann wieder von vorne an. Besser, weil leichter nachvollziehbar, sind die Widget-Einstellungen.

    Dein „Welcome“-Bild auf der Startseite kommt in einem Retina-Display recht glau rüber und sieht damit unprofessionell aus. Das liegt daran, dass das Bild von 768Pixeln hochskaliert werden muss. Da solltest du (wenn das nicht sowieso ein Platzhalter ist) nochmal dran.

    Und wenn ich schon dabei bin, dich mit Kleinigkeiten zu nerven … 😀

    • Die Zeitzone solltest du in Einstellungen > Allgemein auf Berlin umstellen, dann klappt auch der nächste Wechsel zur Sommerzeit.
    • Nicht (mehr) benötigte Themes solltest du aus Sicherheitsgründen löschen, weil sie theoretisch eine bisher unbekannte Sicherheitslücke enthalten können.
    • Das Gutenberg-Plugin ist eine Vorab-Version des Block-Editors, mit der Entwickler sich neue Features anschauen können. Für eine produktive Website solltest du das Plugin nicht verwenden, weil die neuen Features noch fehlerhaft implementiert sein können. Der Block-Editor ist fester Bestandteil deiner WordPress-Installation; um den zu verwenden, brauchst du kein zusätzliches Plugin.
    • Viele Module des Plugins Jetpack entsprechen nicht den Vorgaben der DSGVO und deshalb sollte das Plugin nicht verwendet werden.
    • Du hast die Website- und WordPress-URL fest in der wp-config.php vorgegeben. Das macht eigentlich nur Sinn, wenn du mit einer Staging-Umgebung arbeitest. Besser ist es, die beiden Zeilen rauszunehmen und entweder in Einstellungen > Allgemein oder (falls du keinen Zugriff auf das Backend hast) in der Datenbank-Tabelle wp_options zu korrigieren.
    Thread-Ersteller dennis600

    (@dennis600)

    Hallo und vielen Dank für die sehr ausführliche Antwort.

    Das mit CSS hatte ich verstanden und mit meiner Frage wollte ich eigentlich nur hören, das ich zu doof bin die Einstellungen zu finden oder das ich CSS lernen soll.
    Das du mir gleich die Regel dazu lieferst freut mich aber mehr, wie die erwartete Antwort. Das hat mein Problem gelöst!

    Das Bild ist bis jetzt nur ein Platzhalter, das stimmt. Ich versuche gerade das Layout bereit zu stellen und für den Inhalt und die schönen Bilder ist dann meine Freundin zuständig.
    Ich dachte mir schon, das es zeitintensiv ist, aber allein das passende Theme zu finden hat schon ewig gedauert. Aber gut, da musste ich eben durch.

    Deine Anmerkungen werde ich abarbeiten, gut das du mich darauf hingewiesen hast.
    Zum letzten Punkt: Ich hatte mich am Anfang ausgesperrt, da ich in den Einstellungen eine falsche Adresse eingegeben hatte. Ich habe dann nur die Lösung über die ‚wp-config.php‘ gefunden um wieder zu meinem Dashboard zu gelangen. Dann lösche ich die Zeilen aber wieder raus und schaue mir die von dir genannte Datenbank-Tabelle an 🙂

    In dem Fall habt ihr mir sehr und sehr schnell geholfen. Vielen Dank nochmal an euch beiden!

    Viele Grüße und ein schönes Wochenende
    Dennis

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Layout Footer: Hintergrundfarbe, Menüanordnung, SocialMedia Icons“ ist für neue Antworten geschlossen.