ok – du hast jetzt statt bold das mit der Farbe realisiert, das die Jahre in einen eigenen tag kommen. Das wäre so nicht nötig gewesen.
Denn die Farbe hättest du dann generell über dieses den strong-tag setzen können; so wie ich es auf der Beispielseite tat. Den bold style hatte ich dann ja mittels css zurückgenommen.

damit meine Setzungen greifen, könntest Du jetzt eben das über dein span-tag machen:

#top .my-listings li {
  display: grid;
  gap: 0 20px;
  grid-auto-flow: row;
  grid-template-columns: 120px 1fr;
  justify-content: start;
  margin: 0;
  margin-bottom: 10px;
}

#top .my-listings li span {
  font-weight: normal;
  justify-self: end;
}

#top .my-listings li em {
  font-style: normal;
}

/* === responsive styling === */
@media only screen and (max-width: 469px) {
  #top .my-listings li {
    grid-template-columns: 1fr;
    justify-content: center;
    margin-left: 0 ;
  }

  #top .my-listings li span {
    font-weight: normal;
    justify-self: start;
  }
}

Das mit dem Kursiv setzen für den rechten Text brauchst du nur wenn du einzelne Begriffe dort verlinken möchtest. Wenn du immer den kompletten rechten Teil verlinkst, wie es in einem Beispiel auf deiner Seite war ist dies noch nicht mal nötig, da dann der ganze linke Teil in einem a-tag steht.

Diese Einstellung hier bestimmt wo die Jahre bündig sind:

#top .my-listings li span {
  font-weight: normal;
  justify-self: end;
}

wenn du z.B die lieber linksbündig hast, dann stelle justify-self : start
(ps kopiere und ersetze die my-listings Regeln komplett, da ich noch das margin-left der enfold Standard Einstellung damit überschrieb. Der #top selektor garantiert hier noch das ich keine unnötigen !important Regeln setzen muss um bestehende Regeln von Enfold zu überschreiben.

bei deiner Schriftgröße würden für den linken Teil der Jahre auch 90px reichen:
grid-template-columns: 90px 1fr;

wenn du die Jahre jetzt auf einen Schlag verändern willst, dann könntest du jetzt setzen ( bold und andere font farbe)

#top .my-listings li span {
  font-weight: bold;
  justify-self: start;
  color: #3f9681 !important;
}

(ps hier ist das !important nötig, da du einen inline-style gesetzt hattest – mit dem Einfärben im Textfeld)

wenn du der ganzen Liste ( also dem ul tag ) nur noch eigenschaften geben möchtest :

#top .my-listings {
  padding: 5px;
  background-color: #f8f8f8;
  border: 1px solid #3f9681; 
  border-width: 1px 0px 0px 1px !important; /* unterschiedliche Border Weiten für : Oben, Rechts, Unten, Links */
}

Resultat wäre dann:

wenn dir der Abstand der Zeilen ( der li elemente ) zu groß ist, dann ändere diesen Wert bei den
#top .my-listings li auf z.B. 5px

du siehtst, über diese custom class my-listings – ist dann alles geregelt. Sobald du eine Liste einsetzt, und den text-block mit der Klasse versiehst, wird die darin enthaltene Liste so dargestellt.

_____________

Responsiv ( für Mobile screenweiten im Hochkant Format)

Before you change anything, create a backup copy of your site’s status quo (a good plugin, even in the free version, is: duplicator)

I would recommend this approach to everyone, especially for major updates (5.x to 6.x; …). This way, you always have a rollback option in the background.

The advantage of this method is that it can be reversed.
Uploading the new theme takes a little time; if everything goes well, the website will only be offline for a short time (only for the moment of renaming).

Update via ftp

• Download the “installable WordPress file only” file from themeforest and unzip it
• After that – you got a folder : enfold
• Rename this downloaded newest version to enfold-new
• via ftp: Upload that enfold-new folder to the themes folder
• ftp: You now have the “enfold” folder (the older version) and the “enfold-new” folder side by side.
• via ftp: Rename the existing enfold folder to f.e. enfold-old
• via ftp: Rename your uploaded enfold-new folder now to enfold
• On Enfold – Performance – check mark and “Delete Old CSS And JS Files?”
• Check if your Website works to your full satisfaction.
• Yes – then stop here – Update is finished
• After a while of testing – you can delete that enfold-old folder via ftp

• No – delete or rename back the enfold folder back to enfold-new
• rename the enfold-old folder back to enfold
• check on enfold board if there are known bugs – or similar problems

PS: I’m not sure if the new Enfold also has requirements for the PHP version number.
Log in to your hoster and check which PHP version is set there.
Most hosts will show you which PHP version they currently prefer (8.2, 8.3—some even recommend the 8.4 PHP version).

With these larger and bolder icons, you will now see a shift when opening the submenus (“Services”), which you can prevent by widening the whole thing (e.g., 375px instead of 350px). You could also reduce the indentation of the menu items (paddings).

/* you can set the width to 375px f.e. on the enfold options */
.html_av-overlay-side .av-burger-overlay-scroll {
  width: 375px;
}

/* However, this width setting is not mandatory if you only reduce these indents and leave the width at 350px. */
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
  padding: 15px 30px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a {
  padding-left: 60px;
}

get familar with dev tools of your browser. point to the menu-item and choose on context menu : inspect or similar .

or you can just count the li’s without knowing the ID’s:

#av-burger-menu-ul > li .av-submenu-indicator {font-size: 30px; opacity: 1}
#av-burger-menu-ul > li .av-submenu-indicator:before {content: "\E875";font-family: 'entypo-fontello';}

#av-burger-menu-ul > li:nth-child(1) .av-submenu-indicator {color: #FFF}
#av-burger-menu-ul > li:nth-child(2) .av-submenu-indicator {color: yellow}
#av-burger-menu-ul > li:nth-child(3) .av-submenu-indicator {color: lightgreen}
#av-burger-menu-ul > li:nth-child(4) .av-submenu-indicator {color: lightskyblue}

maybe it is better to set this burger menu to be placed at a top position – try and look what is better:

#top #av-burger-menu-ul {
  vertical-align: top;
  padding: 200px 0 !important;
}

Thank you Rikard, good news!

But maybe I am stupid, but not in CHROME, nor in FIREFOX (new browser):

How can I start a new topic?

For me it is not intuitive …

Can you please help me?

Thx

No change, unfortunately – I still cannot create a new ticket, or you changed something in the process? As I remembr from last year, should be in the menue on top, when I cannot see a submission link:

Screenshot:

ProfileTopics StartedReplies CreatedEngagementsFavoritesSubscriptionsEdit

@philippkellerhals
Profile
Registered: 4 years, 11 months ago

Website: https://kellerhalsconsulting.com/

Forums
Last Activity: 4 hours, 19 minutes ago

Topics Started: 3

Replies Created: 14

Forum Role: Participant