Beiträge von Sailor56

  • Änderung des Category Titels

    Schon etwas verwirrend das Ganze. In deinen diversen CSS Stylesheets wimmelt es nur so von font-size Angaben, die sich dann gegenseitig wieder überschreiben - aber ok... irgendwas wird sich der Entwickler wohl dabei gedacht haben.
    Für die von dir angegebene Seite sollte allerdings folgende Lösung dir weiter helfen, auch wenn sie aus 2 Teilen besteht:
    Teil 1

    HTML
    #primary h1 {
  font-size: 1.5em;
}


    Dieser Code wirkt auf alle 'Überschriften' auf der Seite - also auch auf die (blauen) Verlinkungen. Allerdings ist die Schriftgröße damit nicht 'einheitlich', offensichtlich bekommen die Elemente von anderen CSS Formatierungen noch weitere Beeinflussungen.
    Teil 2

    HTML
    #primary .archive-header h1 {
  font-size: 1.7em;
}


    Dieser Code wirkt nur auf die obere Überschrift (" Meine Erfahrungsberichte..."). Mit der Kombination aus Beiden im zusätzlichen CSS (ggf auch mit !important;), solltest du in der Lage durch variieren der size Werte ein für dich passendes Erscheinungsbild der Überschriften einzustellen.

    HTML
    #primary .archive-header h1 {
  font-size: 1.7em;
}
#primary h1 {
  font-size: 1.5em;
}

    .. und nicht vergessen, nach der Änderung auch auf den anderen Seiten prüfen, ob sich Nebeneffekte ergeben.
    Und natürlich auch die Seitengröße mal variieren - ggf. mit @Media-queries nachsteuern.

  • CSS Anpassung *Search-Bar*

    Schon seltsam, dass du für etwas bezahlst und dann anschließend keinen Support enthältst (?)
    Aber so, wie der Code aufgebaut ist, kann das auch gar nicht funktionieren... keine Ahnung, was der Entwickler sich dabei gedacht hat.
    Die einzige Chance, hier was zu richten sehe ich darin, dieses Suchbegriffeingabefeld so mit CSS zu verschieben, dass es mit dem Lupen-Icon in einen räumlichen Zusammenhang kommt und somit das 'hover' auch auf den Eingabecontainer wirkt...
    Hier mal ein Versuch...

    HTML
    .nav-header-right > ul > li > ul {
  top: 0px;
  right: -30px;
}
.input-group {
  background-color: #fff;
  z-index: 999;
}


    .. bestimmt noch nicht die Lösung - aber vielleicht ein Weg.

  • Änderung des Category Titels

    Das zusätzliche CSS ist die richtige Stelle... aber reden wir von der selben 'Beschreibung'?
    ... den Einträgen.. zB
    [size=24]Produktreview: Carnell Haarwuchsmittel
    [size=14]wenn ja, was soll daran geändert werden?[/SIZE][/SIZE]
    [size=24][size=14]Und was hast du schon probiert?[/SIZE][/SIZE]

  • Änderung des Category Titels

    zu deinem 2. Problem könnte das helfen:

    HTML
    .archive-title {
  display: none;
}


    ... zu Problem 1.

    HTML
    .entry-header .entry-title {


}


    Das sollte der passende Selektor sein... oder

    HTML
    .entry-header .entry-title a {


}


    wenn du den inneren Hyperlink anfassen willst.

  • Widgets Überschrift größe und Schriftart ändern

    Dann sollten wir nicht weiter Rätselraten, sondern @Rudi58 in die richtige Richtung weisen.
    1.

    Zitat von Rudi58

    Hallo möchte bei meiner Homepage die Überschrift und Schriftart ändern


    wo können wir uns das anschauen... ein Link zur Seite wäre eine gute Idee!

    Zitat von Rudi58

    den Code was ich hier im Blog gefunden habe funktioniert nicht


    Was hast du denn mit de Code ausprobiert... zumal ich im im Code nichts von einer Schriftart-Zuweisung zu irgendeinem Element erkennen kann (normalerweise macht man das mit 'font-family: meine Wunschschriftart(en);)

    Zitat von Rudi58

    Diese Schriftart von den Widgets


    Ok... wäre ein Hinweis, aber aus der obigen Diskussion siehst du schon, dass das nicht genau genug ist... mache einen Screenshot und markiere den Teil, den du ansprechen willst.
    In den Forenregeln https://forum.wpde.org/threads/forenr…alb-zuerst.448/
    findest du weitere Hinweise, was in einer Frage hineingehört, damit dir mit Aussicht auf Erfolg geholfen werden kann, ohne dass 'Hilfswillige' sich die Informationen mühsam zusammeklauben müssen.

  • Farbe ändern

    Jede beliebige Farbe geht...

    HTML
    .fusion-image-wrapper .fusion-rollover {
  background-image: none;
  background-color: rgba(154, 1, 93, 0.6);
}


    Im Original ist allerdings ein Farbverlauf (mit background-image:...) definiert. deswegen in dem Code background-image:none;

  • Theme Hitchcock, Beitragstitel in Beitragsbild

    Doch... auch wenn ich mir nicht ganz so sicher bin, ob es wirklich klappt... kann das Ergebnis nur simulieren, testen musst du das selbst... aber versuche bitte folgenden CSS Code im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)


    Wenn es funktioniert, dann sollte der Wert für 'color:...' die Schriftfarbe des Beitragsnamens und der Wert 'background-color:... ' die Farbe des Overlays bei hover bestimmen.
    Ggf. muss man noch mit !important nachhelfen.
    Viel Erfolg.

  • im sub menu Schrift verkleinern und die box schmaler machen

    ... uhhh... ich seh es gerade. beim schmaler machen der Menüleiste, muss auch der Abstand zu den darunter liegenden dropdown Menüs angepasst werden.

    HTML
    .conica-navigation-animation-none.conica-navigation-style-plain ul ul {
  top: 31px;
}


    Wenn der Menübalken in der Höhe passt, dann muss hier der Wert für 'top:' pixelgenau so eingestellt werden, dass kein Spalt zwischen dem Menübalken und dem Dropdown ist! .. sonst kann man die Menüpunkte nicht mehr auswählen.

  • im sub menu Schrift verkleinern und die box schmaler machen

    Das solltest du beides mit CSS einstellen können. Teste doch mal folgenden CSS Code im 'zusätzlichen CSS'.
    (Vom Dashboard -> Design -> Customizer - zusätzliches CSS)

    HTML
    .main-navigation ul ul li a {
  padding: 10px 32px 10px 20px;
  font-size: 12px;
}


    wobei hinter 'padding:' der 1. und der 3. Wert für jeweils den oberen bzw. den unteren Abstand des Textes zum Rand stehen. Wert 2 und 4 sind für rechts und links.
    'font-size' sollte selbsterklärend sein.
    ggf. , wenn es so noch nicht geht, kannst du probieren ob durch den Zusatz !important zB

    HTML
    padding: 10px 32px 10px 20px !important;


    das Erwünschte erzielt wird.

  • Logo erscheint nicht

    Was verstehst du unter 'Logo'?
    Ich sehe dort nur eine (versteckte) Überschrift mit eingebautem Link mit dem Text 'Foto-Rahel'.
    In der Demo ist diese Überschrift zu sehen... Über der Navigation zentriert:
    Wenn du das wieder so haben willst, wie in der Demo dann hilft dir vielleicht folgendes im 'zusätzlichen CSS'

    HTML
    .site-branding .site-title {
  position: relative;
}

    Edit
    @SEpp55 ... upps! wordpress.com... habe ich übersehen

  • Zu viel Platz zwischen Content und Footer

    Dieser Code steht so 'inline' in deinem Quellcode und stammt wohl von irgendwelchen Einstellungen zum Sidebar... aber wo das da genau ist, kann ich nicht sagen.
    versuche es mal auf Null zu setzen durch diesen Code im 'zusätzlichen CSS' im Customizer... vom Dashboard -> Design -> Customizer -> zusätzliches CSS

    HTML
    .widget-area {
  min-height: 0px !important;
}

  • 2 Produkte auf mobile in category

    Code
    .woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .woocommerce ul.products li {
    width: 50%;
  }
}


    Dieser CSS Schnipsel sollte dir zumindest auf der 'T-Shirt' Seite helfen.
    Aber bitte gründlich testen, ob dadurch nicht an andere Stelle unerwünschte Nebeneffekte entstehen.

  • Fragen eines Neulings

    Versuche mal folgendes im 'zusätzlichen CSS':


    Damit sollte das Logo sich zentrieren und mit dem zweiten Teil der Rahmen verschwinden.

  • 2 Produkte pro Reihe auf mobile

    Denk mal über Flex-Box nach und vergiss das 'float':


    Der Code nur als Anhalt - einfach mal im Customizer ins 'zusätzliche CSS' übernehmen und mit den Werten spielen!
    Vielleicht ist das der Weg deine Probleme zu lösen.