Event Espresso

  • Anne-lys

    (@anne-lys)


    10 jaren, 8 maanden geleden

    Hoi,

    Voor de website http://www.overwerken.com wordt de gratis versie van de plugin Event Espresso gebruikt om de agenda items weer te geven. Op de homepage komt een overzicht van de aankomende agenda-items. Nu zie ik graag een streepje of iets dergelijks tussen de verschillende items zodat het duidelijk is welke tekst bij welk item hoort. Dit wordt nu alleen zichtbaar als je er met de muis overheen komt. Weet iemand hoe dit toe te passen? Met welke code dit toegepast kan worden? Het hoeft niet perse een streepje te zijn, er mag ook een vakje om elk item. Als ze maar ‘los’ van elkaar komen.

    Alvast bedankt voor het meedenken.

    Groet Anne-lys

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Ruurd de Wind

    (@geoclaps)

    10 jaren, 8 maanden geleden

    Pas onderstaande css aa`n door het dikgedrukte toe te voegen aan je style.css:

    .et_pb_widget a {
    text-decoration: none;
    color: #666;
    border-bottom: 1px solid red;
    display: block;
    }

    Thread starter Anne-lys

    (@anne-lys)

    10 jaren, 8 maanden geleden

    Hoi Ruurd,

    Hartelijk dank voor je hulp. Er is nu inderdaad een blok om de agenda items gekomen. Helaas niet tussen elk agendapunt, wat ik graag zou zien. Wellicht heb je hier nog een idee voor?

    Groet Anne-lys

    Ruurd de Wind

    (@geoclaps)

    10 jaren, 8 maanden geleden

    Voeg dikgedrukte toe/pas aan:

    .et_pb_widget {
          border-top: 1px solid rgba(0,0,0,0.1);
    }

    .et_pb_widget a {
          text-decoration: none;
          color: #666;
          display: block;
          padding: 10px 15px;
          line-height: 1.6em;
          border-width: 0 1px 1px 1px;
          border-style: solid;
          border-color: rgba(0,0,0,0.1);
          transition: all 0.3s ease;
    }

    .et_pb_widget li a:hover {
          color: #000000 !important;
          background-color: rgba(0,0,0,0.03);
    }

    Thread starter Anne-lys

    (@anne-lys)

    10 jaren, 8 maanden geleden

    Hoi Ruurd,

    Geweldig, hartelijk dank voor je hulp. Heb ik nog één klein dingetje. De kleur van de strepen wil ik in #005B82 hebben, komt terug in het logo. Hoe ik ook probeer deze code of de RGBA code toepas, de rode kleur blijft staan.

    Groet Anne-lys

    Ruurd de Wind

    (@geoclaps)

    10 jaren, 8 maanden geleden

    Hey Anne-lys,

    Zie wederom dikgedrukte. Je moet dan alleen de rgba waarde aanpassen naar een hex kleurcode gezien je dan geen gebruik maakt van een rgb of rgba kleur.

    .et_pb_widget {
          border-top: 1px solid #005B82;
    }

    .et_pb_widget a {
          text-decoration: none;
          color: #666;
          display: block;
          padding: 10px 15px;
          line-height: 1.6em;
          border-width: 0 1px 1px 1px;
          border-style: solid;
          border-color:#005B82;
          transition: all 0.3s ease;
    }

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)

Het onderwerp ‘Event Espresso’ is gesloten voor nieuwe reacties.