natalya29
Ответы в темах
-
Форум: Проблемы и решения
Тема: изменить background формы регистрацииЭто мой первый сайт на WordPress, он еще в работе. Хостинга нет, делаю на локальном. Сайдбар с формой, которую вывожу не на каждую страницу:
/**
* The sidebar containing the main widget area
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package daynews
*/?>
<aside id=»secondary» class=»widget-area»>
<?php dynamic_sidebar( ‘sidebar-1’ ); ?>
<div class=»for-search»>
<div class=»for-img-search»>
/assets/img/icon-search.png» alt=»search»/>
</div><div class=»search-input»>
<?php get_search_form(); ?>
</div>
</div><?php
if (is_page( array(‘the-logining’, ‘the-blog-security’) ) ) :
?>
<div class=»for-login»>
<?php
$args = array(
‘echo’ => true,
‘redirect’ => site_url( $_SERVER[‘REQUEST_URI’] ),
‘form_id’ => ‘loginform’,
‘label_username’ => __( ‘логин’ ),
‘label_password’ => __( ‘пароль’ ),
‘label_remember’ => __( ‘запомнить меня’ ),
‘label_log_in’ => __( ‘Log In’ ),
‘id_username’ => ‘user_login’,
‘id_password’ => ‘user_pass’,
‘id_remember’ => ‘rememberme’,
‘id_submit’ => ‘wp-submit’,
‘remember’ => true,
‘value_username’ => NULL,
‘value_remember’ => false
);
wp_login_form( $args ); ?>
</div>
<?php
endif;
?>
</aside><!— #secondary —>
</div><!— #content —>
И стили:
.widget-area {}
#secondary {
width: 23%;
background: url(../img/sidebar-middle.png);
background-repeat: no-repeat;
background-size: cover;
}
.for-search {
text-align: center;
margin-left: 65px;
margin-top: 145px;
}
.for-img-search {
margin-bottom: 5px;
}
.img-search {
width: 47px;
height: 45px;
}
.search-input,
.login-username input[type=»text»],
input[type=»password»] {
border-width: 0.7px;
border-color: rgb(65, 212, 172);
border-style: solid;
background-color: rgb(188, 241, 229);
margin-left: auto;
margin-right: 55px;
width: 119px;
height: 40px;
opacity: 0.8;
}
#loginform {
width: 157px;
margin-left: auto;
margin-right: 15px;
}Форум: Проблемы и решения
Тема: изменить background формы регистрацииА вообще-то, хотелось бы понять, в чем дело
Форум: Проблемы и решения
Тема: изменить background формы регистрациия смотрела плагины, но пока не выбрала. А какой вы посоветуете?
Форум: Проблемы и решения
Тема: изменить background формы регистрацииbackground-color: rgb(188, 241, 229) !important;
— такое я добавляла в css. Но вот прочла, что для формы входа используются не те стили, которые в style.css и в пользовательском файле стилей, а стили вордпресса:WordPress links two of its own external style sheets to the login page: wp-admin/css/colors.css and wp-admin/css/wp-admin.css (since Version 3.8, previous versions used wp-admin/css/color/color-fresh.css, wp-admin/css/login.css). You can override the WordPress default styles by making your style declaration more «specific» — when two styles apply to the same element, CSS gives precedence to the more specific selector.
(https://codex.wordpress.org/Customizing_the_Login_Form). Я вставляю свою форму в сайдбар:
<?php /** * The sidebar containing the main widget area * * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials * * @package daynews */ ?> <aside id="secondary" class="widget-area"> <div class="bg-top-side"></div> <div class="my-sidebar d-flex align-center justify-content-end"> <div class="txt-search"> Пошук </div> <div class="for-img-search"> <img />/assets/img/icon-search.png" alt="search"/> </div> </div> <div class="search-input"> <?php (get_search_form); ?> </div> <?php $args = array( 'echo' => true, // Default 'redirect' value takes the user back to the request URI. 'redirect' => ( is_ssl() ? 'https://' : 'http://' ) . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'], 'form_id' => 'loginform', 'label_username' => __( 'Логин' ), 'label_password' => __( 'Пароль' ), 'label_remember' => __( 'Запомнить меня' ), 'label_log_in' => __( 'Войти' ), 'id_username' => 'user_login', 'id_password' => 'user_pass', 'id_remember' => 'rememberme', 'id_submit' => 'wp-submit', 'remember' => true, 'value_username' => '', // Set 'value_remember' to true to default the "Remember me" checkbox to checked. 'value_remember' => false, ); wp_login_form($args); ?> <!-- #secondary --> <?php if ( ! is_active_sidebar( 'sidebar-1' ) ) { return; } ?> <ul> <?php dynamic_sidebar( 'sidebar-1' ); ?> </ul> </aside> В function.php вставляю такое: function my_login_page_remove_back_to_link() { ?> <style type="text/css"> aside#secondary.wiget-area form#loginform input#user_login { background-color:rgb(188, 241, 229) !important; } </style> <?php } //This loads the function above on the login page add_action( 'login_enqueue_scripts', 'my_login_page_remove_back_to_link' );
Но все равно поле input не меняет цвет