Перейти к содержимому


Партнерская программа Kredov

Помогите со стилями плагина jQuery

#1 AntikMan

AntikMan
  • Пользователь
  • 1 сообщений
  • Репутация: 0
0

Отправлено 25 Январь 2011 - 11:02

Пожалуйста, помогите со стилями плагина Jquery

У плагина свой css файл и там есть заголовки H2 и Н3.
Но стили заголовков прописаны в главном css сайта и плагин отображается с ними.
Как сделать, чтобы он брал свои заголовки, а не из общего CSS?
Спасибо.

CSS сайта
/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.6em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

Css плагина

.lof-main-item-desc h3{
	padding:0;
	margin:0px 0px 0px 0px;
	font-family:Arial,Verdana,sans-serif;
}
.lof-main-item-desc h2{
	padding:0;
	margin:10px 0 0 0px;
	font-family:Arial,Verdana,sans-serif;
	font-size:105%;
}
.lof-main-item-desc h3 a{	
	margin:0;
	background:#0059CD;
	font-size:75%;
	padding:2px 3px;
	font-family:Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-main-item-desc h3 a:hover{

	text-decoration:underline;
	font-family:Arial,Verdana,sans-serif;
}
.lof-main-item-desc h3 i {
	font-size:70%;
}

Код в теле плагина

  <div class="lof-main-item-desc">
<h3><a target="_parent" title="Проект: Описание" href="projects/23">Наши проекты</a></h3>
<h2>Самый крутой проект</h2>

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 27 Январь 2011 - 00:13

AntikMan, добавьте где нужно !important и не возитесь ;) То есть так:
css плагина:
.lof-main-item-desc h3{
	padding:0;
	margin:0px 0px 0px 0px;
	font-family:Arial,Verdana,sans-serif;
}
.lof-main-item-desc h2{
	padding:0;
	margin:10px 0 0 0px;
	font-family:Arial,Verdana,sans-serif;
	font-size:105% !important;
}
.lof-main-item-desc h3 a{	
	margin:0;
	background:#0059CD;
	font-size:75% !important;
	padding:2px 3px;
	font-family:Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}
.lof-main-item-desc h3 a:hover{

	text-decoration:underline;
	font-family:Arial,Verdana,sans-serif;
}
.lof-main-item-desc h3 i {
	font-size:70% !important;
}
В остальном я не увидел совпадений ;)
  • 0


Оформление форума – IPBSkins.ru