我有一个有序列表,我使用'line-height'命令垂直对齐我正在使用的图标/子弹与右边的文本.
现在的问题是,当文本很长并且在多行中断时,它太靠近了,我找不到修复它的方法.
这是HTML:
<ul class="fancy_list">
<li>Value 1</li>
<li>Value 2</li>
<li>Value 3</li>
<li>Value 4</li>
<li>Value 5</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
这是CSS:
.fancy_list {
padding-left: 15px;
margin-bottom: 15px;
}
.fancy_list li {
list-style: none;
padding: 0 0 0 22px;
margin-top: 5px;
background: url(http://topgreekgyms.fitnessforum.gr/wp-content/themes/gbs-merchant-dashboard/img/red_sprite.png) -462px -164px repeat-y;
line-height: 15px;
height: 30px;
display:block;
float: left;
word-spacing: 0.5px;
letter-spacing: 0.4px;
}
Run Code Online (Sandbox Code Playgroud)
此外,这是实际存在问题的页面的[链接].
我第一次和WC一起工作,我正在用这个跟踪我的尾巴.
在"订单"页面中,客户可以看到他们所做的所有购买,该数组显示了有关订单的一些基本信息.我还需要显示客户购买的产品的图像.
订单似乎是自定义帖子,但我如何获得图像产品?
我意识到问题太模糊了.任何指针都将是一个很大的帮助.
我需要在“订单”页面中显示产品的摘录。我花了几个小时试图找到解决方案,但一无所获。
我已经展示了产品的图片和标题(感谢@helgatheviking 和这个线程),但我无法显示摘录。这是我的代码:
<div id="order-column" class="my_account_orders">
<div class="wrap">
<?php
foreach ( $customer_orders as $customer_order ) {
$order = wc_get_order( );
$order->populate( $customer_order );
foreach( $order->get_items() as $item_id => $item ) {
$product = apply_filters( 'woocommerce_order_item_product', $order->get_product_from_item( $item ), $item );
$product->get_image();
$product->get_title();
}
$item_count = $order->get_item_count();
?>
<div class="orders-wrap">
<div class="preview">
<div class="image">
<div class="image-wrap"><?php echo $product->get_image(); ?></div>
</div>
<div class="bottom">
<div class="details">
<h3 class="name"><a title="View Order" href="<?php echo $order->get_view_order_url(); ?>"><?php echo $product->get_title(); ?></a></h3>
<h4 class="subtitle"><?php the_excerpt(); ?></h4> …Run Code Online (Sandbox Code Playgroud) 对于这个广泛的问题,我很抱歉,但我不知道从哪里开始。
我的网站中有一个通过 MailChimp 生成的选择表单。当用户选择时,我会让他进入一个自定义页面。该页面在新选项卡中打开。
我找到了这样的解决方案:
<input type="button" value="Go Back From Where You Came!" onclick="history.back(-1)" />
<FORM><INPUT Type="button" VALUE="Back" onClick="history.go(-1);return true;"></FORM>
Run Code Online (Sandbox Code Playgroud)
他们将在内部导航中工作,但不适用于我想要实现的目标。