小编Jas*_*ssi的帖子

尝试在屏幕中水平和垂直居中div

我正在尝试为我的网站中心的目标网页在屏幕的中心创建一个div,但它无法正常工作.

这是我的代码

CSS:

.centerDiv{
width:800px;
margin:0 auto;
border-radius: 5px;
background:#111;
padding:10px;}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div id="centerDiv" class="centerDiv">
   <h1>Title</h1>
   <p>Text will go here.</p>
</div>
Run Code Online (Sandbox Code Playgroud)

谢谢.

html css center

23
推荐指数
3
解决办法
7万
查看次数

用子主题functions.php覆盖一个函数

正如标题所示,我正在尝试修改我孩子的父主题调用的函数,我知道子主题设置为预先加载,所以我很好奇这是否可能?

我的父主题有一个名为ajax_search_box()的函数,我想修改一个查询,我宁愿不修改父主题文件,以防我需要在路上更新..什么是最好的方法去做这个?

另外,对于奖励积分,我如何使用小部件进行此操作?提前致谢!

function SearchFilter($query) {
    // If 's' request variable is set but empty
    if (isset($_GET['s']) && empty($_GET['s']) && $query->is_main_query()){
        $query->is_search = true;
        $query->is_home = false;
    }
    return $query;
}

add_filter('pre_get_posts','SearchFilter');

function ajax_search_box() {
    if (isset($_GET["q"])) 
    {   
        $q = $_GET["q"];        
        global $wpdb;           
        $q = mysql_real_escape_string($q);
        $q = $wpdb->escape($q);

        $query = array(
            'post_status' => 'publish',
            'order' => 'DESC',
            's' => $q
        );

        $get_posts = new WP_Query;
        $posts = $get_posts->query( $query );

        // Check if any posts were found.
        if ( …
Run Code Online (Sandbox Code Playgroud)

wordpress themes overriding function parent-child

6
推荐指数
1
解决办法
7372
查看次数

SASS mixin中背景位置的问题

我正在创建一个SASS mixin,它将让我拍摄社交媒体图标的spritesheet并显示它们,但是当它悬停在背景位置时我遇到问题,这是SASS代码:

@mixin social-button($imgurl,$xpos,$ypos,$height,$width) {
  background-image: url($imgurl);
  background-position: $xpos $ypos;
  display: block;
  float: left;
  height: $height;
  width: $width;    

  &:hover {
    background-position: 0px -$height;
  }

  & span {
    position: absolute;
    top: -999em;
  }
}
Run Code Online (Sandbox Code Playgroud)

我的包括:

a.facebook {
  @include social-button("../img/social-buttons.png",0px,0px,26px,26px);
}
Run Code Online (Sandbox Code Playgroud)

如果您想查看/使用spritesheet,我已在此处上传:http://i49.tinypic.com/2evtbwp.png

这也是HTML:

<a class="facebook" href="#"><span>Facebook</span></a>
Run Code Online (Sandbox Code Playgroud)

基本上,悬停的CSS输出显示如下:

a.facebook:hover {
  background-position: -26px;
} 
Run Code Online (Sandbox Code Playgroud)

在Firebug中它显示如下:

a.facebook:hover {
    background-position: -26px center;
}
Run Code Online (Sandbox Code Playgroud)

非常感谢任何帮助,我对此时的错误感到非常难过..谢谢!

PS.我将创建其中的5个,所以我不介意创建一个可以自动为我生成的循环,但是目前这不是一个大问题,只需要让悬停工作首先!

css sass background-image mixins background-position

2
推荐指数
1
解决办法
2904
查看次数

WP_Query orderby'rand'不起作用

试图订购我在一个随机的自定义帖子类型页面上显示的帖子,但它们根本不是随机的.:/

<?php 
// Grab the taxonomy term slug for the current post 
$terms = get_the_terms( get_the_ID(), 'category-staff' );

if ( $terms && ! is_wp_error( $terms ) ) : 

    $draught_links = array();

    foreach ( $terms as $term ) {
        $draught_links[] = $term->slug;
    }

    $on_draught = join( ", ", $draught_links );
    ?>

    <div class="container hidden-xs">
        <div class="row">
            <div class="col-sm-12">
                <hr />
                <h3 class="text-center">Other People At Our Great Resort</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-lg-10 col-lg-offset-1">
                <div class="row staff-list">
                    <?php
                        // WP_Query …
Run Code Online (Sandbox Code Playgroud)

php random jquery wp-query

1
推荐指数
2
解决办法
2364
查看次数