Beiträge von SEpp55

Vielleicht hilft dir eines dieser Videos weiter!

Link1 - Content Breite und Schrift

Link2 - Unterseiten Breite

Zitat von klingi1977

Kann wir jemand einen Tipp geben?

Ja, man kann ......;)

.foogallery-album-gallery-list
.foogallery-pile
.foogallery-pile-inner {
    height: 220px;
}


.foogallery-album-gallery-list
.foogallery-pile h3 {
    bottom: -70px !important;;
    font-size: 20px;
    opacity: 1!important;
}


.foogallery-album-gallery-list
.foogallery-pile
.foogallery-pile-inner {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0) !important;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
}
.foogallery-album-gallery-list
.foogallery-pile::before,
.foogallery-album-gallery-list
.foogallery-pile::after {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
}

Wie gehabt - Zusätzliche CSS!

Vielleicht hilft das -LINK!

Zitat von fokofi

So kann einen besseren Überblick vielleicht haben!

Dafür kannst du in den Zusätzlichen CSS Erklärungen (Kommentare) einfügen!!
z.B.

/* Breite der Sub-Menues erweitern */
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu {
   width: 250px;
}
/* Sub-Menue einzeilig  */
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
   width: auto;
}

Zitat von SirEctor

Dein Suchbegriff heißt media-query im Bezug auf CSS.

Das ist schon eine hilfreiche Antwort!!!
Aber Google scheint nicht überall bekannt zu sein.
Weiters solltest du hier einmal lesen - LINK - besonders (II)!!
Meine Suchmaschine hat folgendes gefunden - LINK - etwa in der Mitte der Seite ist ein Hinweis für dich!
Hide Elements With Media Queries.

Als schnellste Lösung solltes du nachfolgendes versuchen:

.site-content {
    margin-right: 0;
}


.content-sidebar {
  z-index: 1;
}

Wie immer in die Zusätzlichen CSS!!
Dabei geht zwar die Linie unter "Service" nicht ganz nach rechte. da er von der "contend-sidebar" überdeckt wird.
Bei nichtgefallen mußt du von diesem Sidebar-Menü-Widget die Ränder neu gestalten.

Und wenn du den Link der Seite bei jeder neuen Anfrage dazuschreibst brauchen wir nicht in älteren Anfragen danach suchen :rolleyes:

Wozu brauchst du die Source Datei? Änderungen in der Source sind beim nächsten Themenupdate wieder Vergangenheit.
Versuche es wie Slowmo geschrieben hat - im Dashboard - Design - Customizer - Zusätzliche CSS!
Oder .............. wir warten, bis du den Wartungsmodus zur Erkennung der Situation kurzzeitig abschaltest!! Dann sollte es die Lösung Punktgenau geben.

Stimmt grundsätzlich, was Azrael_0815 schreibt!
Aber um den Menüeintrag einzeilig zu bekommen ist eine weitere Änderung notwendig.

Hier beide Einträge, die im Customizer unter Zusätzliche CSS gehören.

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu {
    width: 250px;
}




#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
    width: auto;
}

Tja und wenn dazu nun Anpassungen deinerseits dazukommen sollte das entweder im Dashboard unter Design - Customizer bei den Zusätzlichen CSS oder in einem Child-Theme gemacht werden!

Der zuständige Code für Nachos mit Preis:

.fdm-item-title,
.fdm-item-price-wrapper{
    color : red;
}

red oder #ff0000 ist natürlich durch jede Farbe deiner Wahl austauschbar.

Im originale twentyfifteen Theme sind in der style.css ab Zeile 2710 die "@Media-Regeln" mit diversen Anweisungen für die mitgelieferten Änderungen bei den verschiedenen Breackpoints - beginnend mit "Mobile Large 620px"
Tja und wenn dazu nun Anpassungen deinerseits dazukommen sollte das entweder im Dashboard unter Design - Customizer bei den Zusätzlichen CSS oder in einem Child-Theme gemacht werden!

...... oder stelle die Site online und aktiviere einen Wartungsmodus (Maintenance-mode), den du dann Kurzzeitig für die Hilfestellung abschalten kannst! Grundsätzlich findet man die zuständige(n) Classe(n) für die CSS Anpassung recht schnell!

Weitere Linien sind z.B. als

border-top: 1px solid rgba(255,255,255,.2);

zu finden.

Wie - mit dem Browser-Entwicklertool (F12 oder Maustaste aufs Objekt - Element untersuchen)

Zitat von monZENzine

- Wie entferne ich die Striche, welche unter- und oberhalb des Titels bei den "feature-posts" angezeigt werden?

Auch mit CSS!

folgendes in die zusätzlichen CSS (Dashboard - Design - Customizer - Zusätzliche CSS):

.site-banner-header::before,
.site-banner-header::after {
    width: 0;
}

Hallo,
wie SirEctor schrieb ist ein margin-right: 5.5% drinnen!

.et_divi_builder #et_builder_outer_content
.et_pb_gutters3 .et_pb_column,
.et_divi_builder #et_builder_outer_content
.et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 0;
}


.et_divi_builder #et_builder_outer_content
.et_pb_gutters3 .et_pb_column_1_3,
.et_divi_builder #et_builder_outer_content
.et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
    width: 33.333%;
}

Den kannst du mit 0 überschreiben.
Den gewonnenen Platz könntest du nun wieder für die Bildbreite nutzen.
Derzeit - width: 29.666%; - Der zweite Abschnitt meines Vorschlages verbreitert die Bilder auf 33.333%

Du hast eine einzelne CSS-Anweisung wie folgt:

@media screen and (min-width: 783px) {
 .primary-navigation {
  float: right;
  margin-left: 20px;
 }
 a {
  transition: all .5s ease;
 }
}

Floar right richtet das Menü rechts aus, Wofür das margin-left: 20px sein soll - man weiß es nicht genau :rolleyes:.

Wenn du nun den oberen Teil änderst, sieht das ganze so aus.

@media screen and (min-width: 783px) {
.primary-navigation {
    float: none;
    margin-left: 0;
    text-align: center;
}
 a {
  transition: all .5s ease;
 }
}

Dafür ist folgendes zuständig:

.secondary-navigation a {
    padding: 10px 30px;
}

Erster Wert oben & unten, zweiter Wert rechts & links.

ABER!!! Du verwendest ein Plugin -
[size=14]PC Custom CSS - [/SIZE]mit:
Last updated: 5 years ago
Die selbe Funktion hat WordPress seit geraumer Zeit selbst an Bord!!!

Stimmt, bin gespannt ob Licht ins Dunkel kommt - und wie das Dunkel entstanden ist!

Zu der theme.css - da die grundsätzlich bei den meiste Themes verwendete style.css bei Black Diamond leer ist hat der Themeschreiber eine theme.css dafür "erfunden" und in das Theme eingebunden.
Für CSS-Anpassungen hier ein LINK!
Wenn du nun die CSS-Anweisung von mir in die style.css vom Child kopierst und speicherst sollten die ">" ausgeblendet sein!
Ob CSS-Anpassungen greifen siehst du in Echtzeit, wenn du die Änderung unter Zusätzliche CSS einfügst. Wenn alles richtig geschrieben wurde ist die Änderung sofort sichtbar.

Zitat von Robota

Welchen Diamant meinst du denn?

Nunja, ein Wortspiel zu deinem Theme = Black Diamond ;)
'Was ich damit meinte - siehe Bild. So stellt sich das am Desktop (mit Firefox und Chrome) dar, am Handy oder Tablet habe ich es nicht nachgestellt!!
Was auch wichtig ist - immer wieder (full-) Backups machen - bevor man sich am Theme vergreift.

Erstens gibts dazu im Netz jade Menge zu lesen und sehen.
Dann gäbe es fürs Child auch Plugins - selbst noch nicht getestet!
Grundsätzlich ist für geänderte Files die selbe Ordnerstruktur wie im originale Theme anzuwenden.
Lese mal im Link von oben und verwende weiters die Suchmaschine deines Vertrauens!
So nebenbei - hast du scho mal den Browser von deinem Diamant-Thema mit der Maus schmäler gemacht (Stichwort: responsive)????
Da funkelt der Diamant für mich nicht sooo überzeugend - ist nur meine Ansicht.

Wie steht geschrieben!!!!

Zitat

im Dashboard unter Design - Customizer - zusätzliche CSS einzufügen

Wenn du weiter in den original Files rumfuhrwerkst gibts bald den Screen of Death.
Entweder in den zusätzliche CSS oder bei größern Anpassungen ein Child-Theme anlegen!

Und nein - das ist kein Codefehler!!