Как поменять цвета в шаблоне Wordpress?

Здравствуйте.

Прикреплённого файла нет, поэтому может и ошибаюсь, но...

В папке css изменяете в файле main.css

1) .main-navigation

background: #цвет фона

border: #цвет рамки

2) .main-navigation a

color: #цвет текста

3) #secondary .widget-title

color: #цвет текста

Спасибо!

Однако п.1 я смогла изменить, цвет поменялся, а вот по 2.2 - цвет не стал меняться.

По п.3 такого вообще не оказалось

---------- Добавлено 23.01.2014 в 13:39 ----------

/* Alignment */

.alignleft {

display: inline;

float: left;

margin-right: 1.5em;

}

.alignright {

display: inline;

float: right;

margin-left: 1.5em;

}

.aligncenter {

clear: both;

display: block;

margin: 0 auto;

}

/* Text meant only for screen readers */

.screen-reader-text {

clip: rect(1px, 1px, 1px, 1px);

position: absolute !important;

}

.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

background-color: #f1f1f1;

border-radius: 3px;

box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

clip: auto !important;

color: #21759b;

display: block;

font-size: 14px;

font-weight: bold;

height: auto;

left: 5px;

line-height: normal;

padding: 15px 23px 14px;

text-decoration: none;

top: 5px;

width: auto;

z-index: 100000; /* Above WP toolbar */

}

/* Clearing */

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

content: '';

display: table;

}

.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

clear: both;

}

/* =Menu

----------------------------------------------- */

.main-navigation {

clear: both;

background: #132949;

}

.main-navigation ul {

background: #132949;

list-style: none;

margin: 0;

padding-left: 0;

}

.main-navigation li {

background: #132949;

float: left;

position: relative;

}

.main-navigation a {

display: block;

color: #f01712;

text-decoration: none;

}

.main-navigation ul ul {

background: #132949;

display: none;

float: left;

left: 0;

position: absolute;

top: 1.5em;

z-index: 99999;

}

.main-navigation ul ul ul {

background: #132949;

left: 100%;

top: 0;

}

.main-navigation ul ul a {

width: 200px;

}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {

}

.main-navigation ul ul :hover > a {

}

.main-navigation ul ul a:hover {

}

.main-navigation ul li:hover > ul {

display: block;

}

.main-navigation li.current_page_item a,

.main-navigation li.current-menu-item a {

}

/* Small menu */

.menu-toggle {

cursor: pointer;

display: none;

}

/* =Content

----------------------------------------------- */

.sticky {

}

.hentry {

margin: 0 0 1.5em;

}

.byline,

.updated {

display: none;

}

.single .byline,

.group-blog .byline {

display: inline;

}

.page-content,

.entry-content,

.entry-summary {

margin: 1.5em 0 0;

}

.page-links {

clear: both;

margin: 0 0 1.5em;

}

/* =Asides

----------------------------------------------- */

.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

display: none;

}

/* =Media

----------------------------------------------- */

.page-content img.wp-smiley,

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

border: none;

margin-bottom: 0;

margin-top: 0;

padding: 0;

}

.wp-caption {

border: 1px solid #ccc;

margin-bottom: 1.5em;

max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

display: block;

margin: 1.2% auto 0;

max-width: 98%;

}

.wp-caption-text {

text-align: center;

}

.wp-caption .wp-caption-text {

margin: 0.8075em 0;

}

.site-main .gallery {

margin-bottom: 1.5em;

}

.gallery-caption {

}

.site-main .gallery a img {

border: none;

height: auto;

max-width: 90%;

}

.site-main .gallery dd {

margin: 0;

}

.site-main .gallery-columns-4 .gallery-item {

}

.site-main .gallery-columns-4 .gallery-item img {

}

/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

max-width: 100%;

}

/* =Navigation

----------------------------------------------- */

.site-main [class*="navigation"] {

margin: 0 0 1.5em;

overflow: hidden;

}

[class*="navigation"] .nav-previous {

float: left;

width: 50%;

}

[class*="navigation"] .nav-next {

float: right;

text-align: right;

width: 50%;

}

/* =Comments

----------------------------------------------- */

.comment-content a {

word-wrap: break-word;

}

.bypostauthor {

}

/* =Widgets

----------------------------------------------- */

.widget {

margin: 0 0 1.5em;

}

/* Make sure select elements fit in widgets */

.widget select {

max-width: 100%;

}

/* Search widget */

.widget_search .search-submit {

display: none;

}

/* =Infinite Scroll

----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

display: none;

}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {

display: block;

}

/* This is the Default Theme File.

* Please do not edit this. To make any

* changes, please use the theme options panel.

*/

/*Comments Section*/

#comments {

margin: 30px 0;

}

#comments > ul {

padding-left: 0px;

margin-left: 0px;

}

.comment {

padding: 10px;

border-bottom: solid 1px #ccc;

border-left: solid 1px #ccc;

}

h2.comments-title {

text-transform: uppercase;

font-weight: bold;

font-size: x-large;

}

ol.comment-list {

margin-top: 15px;

list-style: none;

margin-left: 0px;

}

li.comment .comment,

li.comment .pingback,

li.comment .trackback {

list-style-type: none;

margin-bottom: 12px;

padding-bottom: 12px;

}

li.comment > .comment:last-child {

border-bottom: 0;

margin-bottom: 30px;

padding-bottom: 0;

}

li.comment .children {

padding-left: 5px;

}

li.comment .avatar {

background-color: #fff;

border: solid 1px #eeeeee;

padding: 4px;

height: auto;

width: 100%;

max-width: 60px;

margin-bottom: -10px;

}

li.comment .byuser .avatar {

border-color: #ccc;

}

li.comment .byuser .comment-author-name {

color: #ef4832;

}

li.comment .comment-author {

display: inline;

float: left;

margin-right: 20px;

width: 60px;

text-align: center;

}

li.comment .comment-author-name {

color: #252525;

display: inline-block;

font-size: 14px;

font-weight: bold;

font-style: normal;

line-height: 18px;

margin-bottom: 12px;

}

li.comment .comment-timestamp {

color: #999;

font-size: 10px;

text-align: right;

}

li.comment .comment-bullet {

color: #ccc;

font-size: 11px;

margin: 0 2px;

}

li.comment .comment-content {

font-size: 14px;

overflow: hidden;

padding-top: 5px;

}

li.comment .comment-edit-link {

font-size: 11px;

text-decoration: none;

margin-left: 15px;

color: #000;

}

.comment-awaiting-moderation {

color: #999;

font-style: italic;

}

li.comment .reply {

margin-top: 10px;

text-transform: lowercase;

}

li.comment .comment-reply-link {

font-size: 11px;

padding: 4px 10px;

margin-left: 5px;

margin-top: -10px;

}

/* Comment form */

.comment-respond {

background-color: #f7f5e7;

padding: 30px;

}

.comment .comment-respond {

margin-bottom: 20px;

padding: 20px;

}

.comment-reply-title {

font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;

}

.comment-reply-title small a {

color: #131310;

display: inline-block;

float: right;

overflow: hidden;

}

.comment-reply-title small a:hover {

color: #ed331c;

text-decoration: none;

}

.sidebar .comment-list .comment-reply-title,

.sidebar .comment-list .comment-respond .comment-form {

padding: 110;

}

.comment-form .comment-notes {

margin-bottom: 15px;

}

.comment-form .comment-form-author,

.comment-form .comment-form-email,

.comment-form .comment-form-url {

margin-bottom: 8px;

}

.comment-form [for="author"],

.comment-form [for="email"],

.comment-form [for="url"],

.comment-form [for="comment"] {

float: left;

padding: 5px 0;

width: 120px;

}

.comment-form .required {

color: #ed331c;

}

.comment-form input[type="text"],

.comment-form input[type="email"],

.comment-form input[type="url"] {

max-width: 270px;

width: 60%;

}

.comment-form textarea {

width: 100%;

}

.form-allowed-tags,

.form-allowed-tags code {

color: #686758;

font-size: 12px;

}

.form-allowed-tags code {

font-size: 10px;

margin-left: 3px;

}

.comment-list .pingback,

.comment-list .trackback {

padding-top: 24px;

}

.comment-navigation {

font-size: 20px;

font-style: italic;

font-weight: 300;

margin: 0 auto;

max-width: 604px;

padding: 20px 0 30px;

width: 100%;

}

.no-comments {

background-color: #f7f5e7;

font-size: 20px;

font-style: italic;

font-weight: 300;

margin: 0;

padding: 40px 0;

text-align: center;

}

.sidebar .no-comments {

padding-left: 60px;

padding-right: 376px;

}

*/

Один из способов: попробуйте в Mozzilla Firefox открыть сайт и кликните правой кнопкой мыши на блок в котором хотите поменять цвет-исследовать элемент- откроется в правом нижнем углу полное обследование css с файлом css и строчкой где это поменять, так же вы можете прямо там прописывать цвета html и размеры текста и т.д. все изменения в реальном времени будет видно

Один из способов: попробуйте в Mozzilla Firefox открыть сайт и кликните правой кнопкой мыши на блок в котором хотите поменять цвет-исследовать элемент- откроется в правом нижнем углу полное обследование css с файлом css и строчкой где это поменять, так же вы можете прямо там прописывать цвета html и размеры текста и т.д. все изменения в реальном времени будет видно

О! Спасибо большое!

Нашла, даже цвета изменить получилось, очень удобно!

Я всё изменила, а вот кнопочки "сохранить" так и не нашла, в итоге когда закрываю исследование элемента и обновляю страницу, там никаких изменений.

Как сохранить сделанные изменения?

:) У вас не получится изменить это, это необходимо разработчику для визуального теста. Вам необходимо посмотреть какая строчка отвечает за цвет, шрифт и другое форматирование и следовательно там есть файл который отвечает за все это, его имя находится в правом верхнем углу где вы все это меняли, соответственно заходите по фтп или в редакторе на хостинге ( если есть такой) в вашу директорию сайта, как правило это wp-content\themes\имя шаблона\css\ дальше имя файла.css и меняете в этих строчках значение, на то что вам необходимо? если нужна более подробная помощь пишите в ЛС

Всё, разобралась! Спасибо большое!