Добре дошъл/дошла, Гост. Моля, въведи своето потребителско име или се регистрирай.

Влез с потребителско име, парола и продължителност на сесията

Новини:

Автор Тема: Как да редактирам стила на модул  (Прочетена 7147 пъти)

Неактивен Георги Георгиев

  • Чаткащ
  • *
  • Публикации: 486
  • Репутация: +1
News Show Pro GK5
Обяви и съобщения
ani.karmen.bg/bg/

Направих суфикс blueggg, успях да сменя фона, но върях суках не мога да променя цвета на буквите да е бял.
 .blueggg {
    border:1px solid blue;
      background-color:#4C61A0;
    }

Може ли помощ?

Неактивен speedy

  • Чаткащ
  • *
  • Публикации: 294
  • Репутация: 0
Re: Как да редактирам стила на модул
« Отговор #1 -: 29 Май, 2015, 10:12:44 »
0
color: (цвят) / ex. #fff

Неактивен Георги Георгиев

  • Чаткащ
  • *
  • Публикации: 486
  • Репутация: +1
Re: Как да редактирам стила на модул
« Отговор #2 -: 29 Май, 2015, 10:47:53 »
0
Това съм го пробвал но не става.
Идва от template.css
Цвета идва от

/* default suffix */
.box .header {
   color: #222;
   font-size: 14px;
   font-weight: 700;
   line-height: 14px;
   margin: 0 0 22px 0;
   padding: 0;
   text-transform: uppercase;
}

но това #222 не мога, по точно не знам как да го овъррайдна.


Неактивен MOn dsoffn

  • Разбирач
  • *
  • Публикации: 1070
  • Репутация: +22
Re: Как да редактирам стила на модул
« Отговор #3 -: 29 Май, 2015, 10:57:28 »
0
На style3.css на ред 165 променяш този клас:

Това тук е цвета на текста когато мишката е върху него
.nspLinks ul li h4 a:hover
На gk.stuff.css на ред 360 променяш този клас:

Това е цвета на текста, когато мишката не е върху него
.nspLinks ul li h4 a

Неактивен speedy

  • Чаткащ
  • *
  • Публикации: 294
  • Репутация: 0
Re: Как да редактирам стила на модул
« Отговор #4 -: 29 Май, 2015, 11:48:06 »
0
За да не променяш глобален клас, хващаш по - силен селектор и си готов

http://38.media.tumblr.com/tumblr_lytehwhuYQ1qk0uclo1_1280.gif

Неактивен Веско

  • Разбирач
  • *
  • Публикации: 892
  • The Show Must Go On
  • Репутация: +8
    • Печатница ЕКС-ПРЕС
Re: Как да редактирам стила на модул
« Отговор #5 -: 29 Май, 2015, 11:54:59 »
0
Както ти писа току-що Speedy:
#gkBg .blueggg h3 {
  color: #fff;
}
разбирач - НЕ означава че знам..., а че съм писал... ;)

Неактивен Георги Георгиев

  • Чаткащ
  • *
  • Публикации: 486
  • Репутация: +1
Re: Как да редактирам стила на модул
« Отговор #6 -: 29 Май, 2015, 11:55:29 »
0
По метода на драгон става, направих го. Благодаря!
 Като променя и четния цвят в tempate.css и там ще стане


Но нали чрез овъррайд е по пичовски , на едно място и ако се упдейтне темплейта няма да има нужда от промени.

Последните постове ще ги пробвам по сетне че трябва и да работя.

Неактивен Веско

  • Разбирач
  • *
  • Публикации: 892
  • The Show Must Go On
  • Репутация: +8
    • Печатница ЕКС-ПРЕС
Re: Как да редактирам стила на модул
« Отговор #7 -: 29 Май, 2015, 11:57:14 »
0
Сам си отговорил, защо да ползваш "оувъррайт"  ;)
« Последна редакция: 29 Май, 2015, 11:59:15 от Веско/Bojenci »
разбирач - НЕ означава че знам..., а че съм писал... ;)

Неактивен Георги Георгиев

  • Чаткащ
  • *
  • Публикации: 486
  • Репутация: +1
Re: Как да редактирам стила на модул
« Отговор #8 -: 29 Май, 2015, 14:56:50 »
0
override.css

/*  син фон gk news show pro gk5*/
#gkBg .blueggg {
    /*border:1px solid blue;*/
      background-color:#4C61A0;
    }
/* Бял цвят на титула */     
#gkBg .blueggg h3 {
  color: #fff;
}

/* не работи 
#gkBg .blueggg h4 {
  color: #fff;
}
*/

/* жълт цвят на фокус */
#gkBg .blueggg .nspLinks ul li h4 a:active,
               .nspLinks ul li h4 a:focus,
               .nspLinks ul li h4 a:hover {
 color:#F7FE2E;
}


/* бял цвят без фокус */
#gkBg .blueggg .nspLinks ul li h4 a {
 color: #fff;
}

"жълт цвят на фокус" работи само ако не е публикувано "бял цвят без фокус",
ако е публикувано, цвета става бял без да работи жълтия цвят. на фокус

Би трябвало да има .nspLinks ul li h4 a:NoFocus
« Последна редакция: 29 Май, 2015, 15:04:41 от Георги Георгиев »

Неактивен Георги Георгиев

  • Чаткащ
  • *
  • Публикации: 486
  • Репутация: +1
Re: Как да редактирам стила на модул
« Отговор #9 -: 30 Май, 2015, 06:18:06 »
0
override.css

"жълт цвят на фокус" работи само ако не е публикувано "бял цвят без фокус",
ако е публикувано, цвета става бял без да работи жълтия цвят. на фокус

Праснах му някакво !important, и всичко заспа.
/* жълт цвят на фокус */
#gkBg .blueggg .nspLinks ul li h4 a:active,
               .nspLinks ul li h4 a:focus,
               .nspLinks ul li h4 a:hover {
 color:#F7FE2E !important;
}

********************************************************************************
И с това се борих, ако на някой му потрябва
/*Позициониране на language switcher на един ред */
#gkSocial div.custom {float: left;}
div.mod-languages {float: left;}
/*Позициониране на language switcher по вертикала в средата на реда */
div.mod-languages img { padding-top: 19px; }

google създава измамното усещане че си умен  ;)
« Последна редакция: 30 Май, 2015, 06:35:09 от Георги Георгиев »

Неактивен Михаил Михов

  • Администратор
  • Мега Гуру
  • *
  • Публикации: 3915
  • @Mihail
  • Репутация: +80
    • MyWeb1
Re: Как да редактирам стила на модул
« Отговор #10 -: 31 Май, 2015, 00:22:22 »
0
Праснах му някакво !important, и всичко заспа.

Това ми хареса много  :D
Ако си дадеш с дадеш с десни бутон 'изследване на елемент' или нещо подобно /*зависи от браузъра*/ ще видиш в конзолата кой точно клас и от кой файл ти изпълнява от css-a
myweb1.eu // Български платежни методи за HikaShop