Support » Thema en CSS/opmaak » Driehoekjes in laatste berichten menu UL/LI

  • Opgelost arno

    (@edmosveer)


    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 1 maand, 1 week geleden door arno.
    • Dit onderwerp is gewijzigd 1 maand, 1 week geleden door arno.
    • Dit onderwerp is gewijzigd 1 maand, 1 week geleden door arno.
    • Dit onderwerp is gewijzigd 1 maand, 1 week geleden door arno.
    • Dit onderwerp is gewijzigd 1 maand, 1 week geleden door Jeroen Rotty. Reden: code tags juist gezet
9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Guido

    (@guido07111975)

    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)

    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)

    Moet ik daar een ander topic voor starten?

    Guido

    (@guido07111975)

    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)

    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)

    Hallo Arno,

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

    Guido

    Thread starter arno

    (@edmosveer)

    http://.www.bamboenieuws.nl/

    Guido

    (@guido07111975)

    Snap hem nu, het icoontje is het before element:

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

    Guido

    Thread starter arno

    (@edmosveer)

    Guido bedankt!

    Super!

    Gr. Arno

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