Driehoekjes in laatste berichten menu UL/LI

Opgelost arno
(@edmosveer)

3 jaren, 1 maand 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>

<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 3 jaren, 1 maand geleden door arno.
- Dit onderwerp is gewijzigd 3 jaren, 1 maand geleden door arno.
- Dit onderwerp is gewijzigd 3 jaren, 1 maand geleden door arno.
- Dit onderwerp is gewijzigd 3 jaren, 1 maand geleden door arno.
- Dit onderwerp is gewijzigd 3 jaren, 1 maand geleden door Jeroen Rotty. Reden: code tags juist gezet

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

Guido
(@guido07111975)

3 jaren, 1 maand 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)

3 jaren, 1 maand 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)

3 jaren, 1 maand geleden

Moet ik daar een ander topic voor starten?
Guido
(@guido07111975)

3 jaren, 1 maand 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)

3 jaren, 1 maand 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)

3 jaren, 1 maand geleden

Hallo Arno,

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

Guido

Thread starter arno
(@edmosveer)

3 jaren, 1 maand geleden

http://.www.bamboenieuws.nl/
Guido
(@guido07111975)

3 jaren, 1 maand geleden
Snap hem nu, het icoontje is het before element:
```
.widget_recent_entries ul li:before {color:#000000;}
```
Guido
Thread starter arno
(@edmosveer)

3 jaren, 1 maand 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.

Weergaven