Помощ за изключване на hover ефект в navbar

Дискусията в 'Проблогинг - ProBlogging' стартирана от bgtifo, Май 6, 2019.

Тагове:
  1. bgtifo

    bgtifo Well-Known Member

    Рег.:
    Ноем 17, 2007
    Съобщения:
    1,258
    Харесвания:
    165
    Точки:
    63
    Място:
    София
    Здравейте,

    в wordpress сайта ми http://colorfulcopywriting.com имам навигационно меню, в което слагам икона от font awsome за facebook... иконката обаче излиза наред с останалите линкове в навигацията: за нас, портфолио и т.н. просто е наредена на опашката.

    Аз обаче искам тази икона да се появява в крайната дясна част на навигационното меню и за целта я позиционирам със следния css код:

    ._mi.dashicons.dashicons-facebook {
    margin-left: 333px;
    }

    Дотук добре, но когато отида с мишката на иконата излиза hover ефект, който стига до другите линкове и става много грозно. Искам да премахна hover ефекта само за тази икона, но не знам как. Това възможно ли е да се случи, и ако да бихте ли споделили как може да стане.

    Не искам ховър ефекта да се изключва и за другите линкове в навигацията, а само за фейсбук иконата.

    За съжаление самата тема Generatepress (безплатната версия) не предлага добавяне на соц. икони в навигацията.

    Ще се радвам, ако някой ми помогне.

    Благодаря предварително!

    P.S.

    можете да влезете в сайта ми и да видите как като отидете с иконата на мишката ховъра излиза през цялото меню. Не мога да го обясня по друг начин.
     
  2. хейтър

    хейтър Active Member

    Рег.:
    Авг 23, 2014
    Съобщения:
    554
    Харесвания:
    185
    Точки:
    43
    Сложи му някакъв клас и му задай флоат right.
     
  3. bgtifo

    bgtifo Well-Known Member

    Рег.:
    Ноем 17, 2007
    Съобщения:
    1,258
    Харесвания:
    165
    Точки:
    63
    Място:
    София
    @хейтър

    Брат скаран съм с CSS може ли да ми обясниш по подробно... дай ми някакъв примерен код, ако не представлява проблем за теб!
     
  4. хейтър

    хейтър Active Member

    Рег.:
    Авг 23, 2014
    Съобщения:
    554
    Харесвания:
    185
    Точки:
    43
    bgtifo харесва това.
  5. bgtifo

    bgtifo Well-Known Member

    Рег.:
    Ноем 17, 2007
    Съобщения:
    1,258
    Харесвания:
    165
    Точки:
    63
    Място:
    София
    @хейтър

    помогна ми, но си поиграх още много с CSS-то :)

    Абе докарах го както ми трябваше, мерси!

    P.S.

    За мобилната версия обаче останах на кафЕво :)
     
  6. хейтър

    хейтър Active Member

    Рег.:
    Авг 23, 2014
    Съобщения:
    554
    Харесвания:
    185
    Точки:
    43
    Надробил си ги едни ама :D
     

Сподели страницата

  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies.
    Dismiss Notice