How to Highlight Current Page Link of Navigation Menu in WordPress

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ต.ค. 2024
  • In this video i told you, how can you highlight the current active page link in wordpress navigation menu using css.
    Custom Css :
    .current-menu-item a {
    color: #fce77d !important;
    background: #f96167 !important;
    }

ความคิดเห็น • 26

  • @thereststop2447
    @thereststop2447 ปีที่แล้ว +1

    Thank you so much, I am a novice and learning how to create and improve my website. Your tutorial was fantastic. It was clear, concise, and immediately gave me what I was looking for. It took me less than two minutes to complete this task. Awesome and thank you!

  • @MrBusinessinn
    @MrBusinessinn ปีที่แล้ว +1

    Clear, effective and simple explanation. Thank you.

  • @AdonaiChurchHyd-TS-India
    @AdonaiChurchHyd-TS-India 2 ปีที่แล้ว +2

    .current-menu-item a {
    color: #ffffff !important;
    background: #fb2056 !important;
    border-radius: 20px !important;
    height: 35px !important;
    }

  • @MrFreak0r
    @MrFreak0r ปีที่แล้ว

    Great video, easiest solution! Many other videos use html and javascript to achieve the same result.

  • @AbRajikulmultimedia
    @AbRajikulmultimedia ปีที่แล้ว

    Thank you for providing real information

  • @xdc4drift
    @xdc4drift 4 หลายเดือนก่อน

    It highglits the ALL the lower-menus too ... the unselected ones too, which is under the main menu.

  • @CollinPorter-be3ce
    @CollinPorter-be3ce 6 หลายเดือนก่อน

    Is 'current-menu-item' a class you have defined for your navigation menu ?

  • @jisbelking5352
    @jisbelking5352 3 ปีที่แล้ว +1

    Hi! you video was very useful, but on my page I have a shrinking menu on scroll and when I scroll down the highlight disappears. Ideas how to fix this?

  • @daminichoudhary177
    @daminichoudhary177 4 ปีที่แล้ว

    Thankyou so much sir...it's really helpful

  • @EduardoFloresMusico
    @EduardoFloresMusico ปีที่แล้ว

    Simple,Very Good!

  • @gauravgaikwad5565
    @gauravgaikwad5565 3 ปีที่แล้ว +1

    Very helpful ❤️

  • @108goyal
    @108goyal ปีที่แล้ว

    Thanks for the great video. How can I make the side navigation created as a widget for right side bar of the page and not the main header menu? Currently with the code you have mentioned highlights the main nav menu and side menu. I just want side nav menu which is menu 2 Thank you

  • @pinokio0987654321
    @pinokio0987654321 2 ปีที่แล้ว

    You are THE MAN

  • @lamvo21
    @lamvo21 2 ปีที่แล้ว +1

    it does not work at all

  • @elixirstevia2521
    @elixirstevia2521 2 ปีที่แล้ว

    Perfect bro ........

  • @myfacesvlogs
    @myfacesvlogs 4 ปีที่แล้ว +1

    Not working for me , only showing home screen

  • @huzaifafarrukh
    @huzaifafarrukh 4 ปีที่แล้ว +1

    Thanks bro!

  • @peddintiudaykiran3613
    @peddintiudaykiran3613 2 ปีที่แล้ว

    thank you bro

  • @gamerprincefaisal
    @gamerprincefaisal 4 ปีที่แล้ว

    Thank you so much. It really works. Keep it up. Subscribe and like you.

  • @AsapDubstep
    @AsapDubstep 3 ปีที่แล้ว

    You're a boss

  • @neelavenibabuambati8010
    @neelavenibabuambati8010 3 ปีที่แล้ว

    Tq soo much

  • @yarokhansari6404
    @yarokhansari6404 3 ปีที่แล้ว

    thanks buddy

  • @zziniop
    @zziniop 2 ปีที่แล้ว

    does not work :|

  • @vigneshreddy9262
    @vigneshreddy9262 4 ปีที่แล้ว +1

    bro react app build termux video please

    • @WebPlover
      @WebPlover  4 ปีที่แล้ว

      Video published:
      th-cam.com/video/GSRISDJWGeg/w-d-xo.html
      Keep requesting,
      Regards