2016-11-16 2 views
1

провел несколько дней просмотра ответов/варианты пробовали различные советы и т.д.Можно ли изменить цвет названия сайта на страницу/сообщение?

сайт: http://www.otislandscapedesign.com/

В основном то, что я пытаюсь добиться, чтобы иметь передний заголовок страницы сайта в #FFF (который в настоящее время он находится) а затем на других страницах & сообщений, на которых нет изображений, таких как страницы/сообщения/светлый фон, название веб-сайта в # 000

Надеюсь, это выполнимо, и спасибо в продвинутом виде.

Редактировать 1: Большое спасибо за ответы. Я пробовал решения (запустил php-решение, поскольку я надеялся на более связанный с css ответ, но thx) и все еще не смог изменить цвет заголовка на страницах, отличных от главной страницы. Одна вещь, которую я заметил, это то, что страница также является «страницей», если это помогает? Можно ли использовать «Идентификатор страницы» для внесения этих изменений на отдельные страницы? Большое спасибо

Edit 2: Я все еще имея радости, если я не делаю что-то неправильно ...

+0

Похоже, что ваша CMS создает класс дома на теле для главной страницы. вы можете просто установить белый цвет как этот 'body.home # gk-bg-wrap # gk-header .site a {color: #fff}' –

ответ

0

Большинство Wordpress темы набор классов для тела вашего HTML, которые могут быть использованы, чтобы диктовать страницу специфические стили. Таким образом, в этом примере ваше тело будет иметь класс «дом», прикрепленный к нему.

Таким образом, вы можете установить цвет по умолчанию # 000, то в вашем CSS использовать класс тела, чтобы предназначаться только на главной странице:

body.home .gk-logo-text{ color:#fff; } 
0

Вы можете добиться этого с помощью wp_head действия и Conditional_Tags.

add_action('wp_head', 'text_domain_title_css'); 

function text_domain_title_css() 
{ 
    // Default homepage 
    if (is_home() && is_front_page()) 
    { 
     $output = "<style> .gk-logo-text.inverse > span{color: #fff} </style>"; 
    } 
    //for all other page 
    else 
    { 
     $output = "<style> .gk-logo-text.inverse > span{color: #000} </style>"; 
    } 
    echo $output; 
} 

Этот код идет в function.php файле Вашего активного ребенка темы (или темы), или также в любой файл плагина.

Код проверен и полностью работоспособен.


Ссылки:

0

попробовать

body.page .gk-logo-text.inverse > span{ 
    color: #000; 
} 

это будет применять черный цвет на название сайта во внутреннем р Возраст

0

Я вижу, что на большинстве страниц нет названия, но есть тег h1, который может удерживать его под названием entry-title.

Это то, что исходный код выглядит следующим образом:

<h1 class="entry-title"></h1> 

Таким образом, вы можете использовать страницу идентификатор, который создается в WordPress для нацеливания на определенную страницу, а затем его селектор тегов, как это:

.page-id-xx .entry-title h1 { 
    color: #ffffff; 
} 

Идентификатор страницы отображается в строке url при редактировании страницы. Надеюсь, ваша тема имеет страницу настроек тем, где вы можете добавить некоторые пользовательские css. Если нет, вам нужно вставить его в style.css в безопасное место, где вы можете сохранить все свои собственные css.