Osclass 使内容与类别并排

Question

我已经好几天没尝试修改我的 Osclass 网站了。

我目前正在使用下面的 Bender Black Theme and have made my Category in single cell, what I'm trying to do is put the "Latest Items" side by side with my Category exactly like Repurpose Theme，因为 Black Bender 默认将最新项目放在类别下

我所做的是更改我的类别和最新项目 css 并向它们添加 float:left，或将其定位到相对位置.. 但没有任何效果。

我也在osclass论坛上搜索过..找到了这个问题 How to Add Content Above Category list, Bender 根据给出的解决方案，我在第 92

行的 Header.php 中添加了一些代码

<div class="clear"></div>
<div class="latest_ads">
<h1><strong><?php _e('Latest Listings', 'bender_black') ; ?></strong></h1>
 <?php if( osc_count_latest_items() == 0) { ?>
    <div class="clear"></div>
    <p class="empty"><?php _e("No Listing", 'bender_black'); ?></p>
<?php } else { ?>
    <div class="actions">
      <span class="doublebutton <?php echo $buttonClass; ?>">
           <a href="<?php echo osc_base_url(true); ?>?sShowAs=list" class="list-button" data-class-toggle="listing-grid" data-destination="#listing-card-list"><span><?php _e('List', 'bender_black'); ?></span></a>
           <a href="<?php echo osc_base_url(true); ?>?sShowAs=gallery" class="grid-button" data-class-toggle="listing-grid" data-destination="#listing-card-list"><span><?php _e('Grid', 'bender_black'); ?></span></a>
      </span>
    </div>
    <?php
    View::newInstance()->_exportVariableToView("listType", 'latestItems');
    View::newInstance()->_exportVariableToView("listClass",$listClass);
    osc_current_web_theme_path('loop.php');
    ?>
    <div class="clear"></div>
    <?php if( osc_count_latest_items() == osc_max_latest_items() ) { ?>
        <p class="see_more_link"><a href="<?php echo osc_search_show_all_url() ; ?>">
            <strong><?php _e('See all listings', 'bender_black') ; ?> &raquo;</strong></a>
        </p>
    <?php } ?>
<?php } ?>
</div>
</div><!-- main -->

但它最终将我的最新项目置于类别之上（就像问题的全部内容一样）并且它实际上使最新项目内容出现在所有页面中，

从那里我一直在尝试修改我的 css 和 html 代码。但是没有运气......

有什么建议吗？？ :)

Answer 1

完成O_o

我在 css 之后创建新的 css --> "newcss" body.home css 这样

body.home #newcss {width:600px;float:right;margin:20px 0 0 0;}

然后我使用我之前提供的相同代码，把它放在新的css div中，像这样

<div class="newcss">
<h1><strong><?php _e('Latest Listings', 'bender_black') ; ?></strong></h1>
     <?php if( osc_count_latest_items() == 0) { ?>
        <div class="clear"></div>

    <p class="empty"><?php _e("No Listing", 'bender_black'); ?></p>
<?php } else { ?>
    <div class="actions">
      <span class="doublebutton <?php echo $buttonClass; ?>">
           <a href="<?php echo osc_base_url(true); ?>
?sShowAs=list" class="list-button" data-class-toggle="listing-grid" data-destination="#listing-card-list">
<span><?php _e('List', 'bender_black'); ?></span></a>
           <a href="<?php echo osc_base_url(true); ?>
?sShowAs=gallery" class="grid-button" data-class-toggle="listing-grid" data-destination="#listing-card-list">
<span><?php _e('Grid', 'bender_black'); ?></span></a>
      </span>
    </div>
    <?php
    View::newInstance()->_exportVariableToView("listType", 'latestItems');
    View::newInstance()->_exportVariableToView("listClass",$listClass);
    osc_current_web_theme_path('loop.php');
    ?>
    <div class="clear"></div>
    <?php if( osc_count_latest_items() == osc_max_latest_items() ) { ?>
        <p class="see_more_link"><a href="<?php echo osc_search_show_all_url() ; ?>">
            <strong><?php _e('See all listings', 'bender_black') ; ?> &raquo;</strong></a>
        </p>
    <?php } ?>
<?php } ?>
</div>

我在 function bender_black_draw_categories_list(){ 和抽签类别代码之前对 Black Bender 主题中的 functions.php 进行了更改，并将我的 Header.php 恢复为原来的状态 ^_^ 确实有效

Osclass 使内容与类别并排

Osclass make content side by side with category

html

css

osclass