Driehoekjes in laatste berichten menu UL/LI

  • Opgelost arno

    (@edmosveer)


    4 jaren geleden

    Goedemiddag,

    Het lukt me niet om die driehoekjes in het linker laatste berichten menu, LI lijst te veranderen, het driehoekje is zo licht dat je het niet ziet, maar niet gelukt, meestal lukt alles wel wat de layout betreft, ook in dat menu.

    Het lukt wel om er een vierkant blauw blokje onder te zetten zo:

    .sidebar-widget-container ul li:before {
    border-bottom: 0px solid #369;
}

    Kan ik via css dat eerste driehoekje uitschakelen?

    ul {
  list-style: none; /* lukt niet */
}

    Dit soort dingen hielpen ook niet:

    
.sidebar-widget-container ul li{
	font-size: 14px;
  color: #000000;
		}

    stukje html uit de bron:

    <div  data-customize-partial-id="widget[recent-posts-10]" data-customize-partial-type="widget" data-customize-partial-placement-context="{&quot;sidebar_id&quot;:&quot;sidebar-1&quot;,&quot;sidebar_instance_number&quot;:1}" data-customize-widget-id="recent-posts-10" class="sidebar-widget-container">

<section id="recent-posts-10" class="widget widget_recent_entries">

<h2 class="widget-title">Laatste berichten</h2>
<ul>

<!-- DRIEHOEKJE--><li>
<a href="#">Groene Zeeschildpad gevonden op strand</a>

    Als iemand een tip heeft graag! Of hoe ik er zelf een klein gifje inzet vóór iedere titel zou ook beter zijn!

    BVD, Gr. Ed

    • Dit onderwerp is gewijzigd 4 jaren geleden door arno.
    • Dit onderwerp is gewijzigd 4 jaren geleden door arno.
    • Dit onderwerp is gewijzigd 4 jaren geleden door arno.
    • Dit onderwerp is gewijzigd 4 jaren geleden door arno.
    • Dit onderwerp is gewijzigd 4 jaren geleden door Jeroen Rotty. Reden: code tags juist gezet
9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Guido

    (@guido07111975)

    4 jaren geleden

    Hallo Ed,

    Je kunt het beste deze widget direct benaderen, probeer dit eens:

    Icoontje verwijderen:

    
.widget_recent_entries li {list-style:none;}

    En zo kun je de kleur vh icoontje wijzigen:

    
.widget_recent_entries li {color:#000000;}

    Als je het icoontje wilt vervangen door een gif (afbeelding):

    
.widget_recent_entries li {list-style:none; background-image:url("link-naar-je-gif"); background-repeat:no-repeat; background-position:0 2px; padding-left:40px; line-height:35px;}

    background-position is de positie van je gif: de eerste waarde is de horizontale positie en de tweede waarde is de verticale positie. Dit en de padding-left en line-height naar wens instellen.

    Guido

    Thread starter arno

    (@edmosveer)

    4 jaren geleden

    Hallo Guido,

    Je bedoelt in de customizer ccs editor toch? Dat lukte niet maar ik probeer het nu via het echte stylesheet, waar heel vaak UL LI in voorkomt.

    Het driehoekje heeft als kleur ddd dus ik verving alle ddd voor 000 maar dat deed niets, maar ik kom er wel laat het nog weten.

    Ik heb nu een ander probleem met de knoppen met paginanummers. Uit het niets is daar ineens iets mis mee.

    Gr. Ed

    Thread starter arno

    (@edmosveer)

    4 jaren geleden

    Moet ik daar een ander topic voor starten?

    Guido

    (@guido07111975)

    4 jaren geleden

    Hoi Ed,

    Niet rechtstreeks in je stylesheet zaken wijzigen, bij update vh thema ben je alles kwijt.

    Dit in de Customizer op pagina Extra CSS toevoegen. Als wijzigen kleur geen effect heeft, probeer dit dan eens:

    

.widget_recent_entries li {color:#000000 !important;}

    Met !important geef je er meer waarde aan.

    Guido

    Thread starter arno

    (@edmosveer)

    4 jaren geleden

    Hallo Guido,

    Heb het allemaal geprobeerd maar ze blijven lichtgrijs! Heb ook UL geprobeerd en combis

    .widget_recent_entries li {list-style:none;}

    .widget_recent_entries li {color:#000000;}

    .widget_recent_entries li {color:#000000 !important;}

    Gr. Arno bedankt!

    Guido

    (@guido07111975)

    4 jaren geleden

    Hallo Arno,

    Dan zul je even de URL van je website moeten doorgeven.

    Guido

    Thread starter arno

    (@edmosveer)

    4 jaren geleden

    http://.www.bamboenieuws.nl/

    Guido

    (@guido07111975)

    4 jaren geleden

    Snap hem nu, het icoontje is het before element:

    
.widget_recent_entries ul li:before {color:#000000;}

    Guido

    Thread starter arno

    (@edmosveer)

    4 jaren geleden

    Guido bedankt!

    Super!

    Gr. Arno

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘Driehoekjes in laatste berichten menu UL/LI’ is gesloten voor nieuwe reacties.