-
Search Results
-
Hello,
Please check http://www.sporthuisolympia.nl/wp
I added this code to get a bigger margin at the top of the logo:
.logo img {
margin-top:20px;
}Worked fine.
But then I added this code for the menu to look good on mobile screen (tablet):
@media only screen and (max-width: 1100px) {
.av-main-nav > li > a { padding: 0 7px; }After I’ve added this code, my logo does not care about my margin settings anymore. Stays at the top of the header.
Also this code for the used tabs does not work anymore after adding the media only screen code:
.main_color .sidebar_tab, .main_color .tabcontainer .tab {
color: #000000;
font-size: large;
}Is there a way to fix this?
Thanks for your help
Hi
I have added this code to my functions.php which has results in me being able to display a SKU and Product Image against each line in the auto email.
// Display product images in WooCommerce Emails // Edit order items table template defaults function sww_add_wc_order_email_images( $table, $order ) { ob_start(); $template = $plain_text ? 'emails/plain/email-order-items.php' : 'emails/email-order-items.php'; wc_get_template( $template, array( 'order' => $order, 'items' => $order->get_items(), 'show_download_links' => $show_download_links, 'show_sku' => true, 'show_purchase_note' => $show_purchase_note, 'show_image' => true, 'image_size' => $image_size ) ); return ob_get_clean(); } add_filter( 'woocommerce_email_order_items_table', 'sww_add_wc_order_email_images', 10, 2 );However, the email displays like this…
http://screencast.com/t/kKI9gpIgod
The product title/sku etc wraps underneath the image.
Ideally I want them in their own <TD> within my email template.
Does anyone have any tricks to help me with this?
My current email template is this …
<?php /** * Customer processing order email * * @author WooThemes * @package WooCommerce/Templates/Emails * @version 1.6.4 */ if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } ?> <?php do_action('woocommerce_email_header', $email_heading); ?> <P style="font-family: Arial, Helvetica, sans-serif; color: #060606; font-size:12px;"><?php _e( "Thank you for your Quotation Request which is now being processed by the next available member of our Sales Team. The details are shown below for your reference:", 'woocommerce' ); ?></P> <!-- DEV Payment method --> <!-- <?php do_action( 'woocommerce_email_before_order_table', $order, $sent_to_admin, $plain_text ); ?> --> <h2><?php printf( __( 'Online Quotation Reference %s', 'woocommerce' ), $order->get_order_number() ); ?></h2> <H2> </h2> <table cellspacing="0" cellpadding="6" style="width: 600px; border: 1px solid #eee; margin: auto;" border="1" bordercolor="#eee"> <thead> <tr> <th scope="col" style="text-align:left; border: 1px solid #eee; font-family: Arial, Helvetica, sans-serif; font-size:12px; vertical-align: text-bottom;"><?php _e( 'Product', 'woocommerce' ); ?></th> <th scope="col" style="text-align:left; border: 1px solid #eee; font-family: Arial, Helvetica, sans-serif; font-size:12px; vertical-align: text-bottom;"><?php _e( 'Quantity', 'woocommerce' ); ?></th> </tr> </thead> <BR> <tbody> <?php echo $order->email_order_items_table( $order->is_download_permitted(), true, $order->has_status( 'processing' ) ); ?> </tbody> <!-- CT Removed Footer Section --> <!-- <tfoot> <?php if ( $totals = $order->get_order_item_totals() ) { $i = 0; foreach ( $totals as $total ) { $i++; ?><tr> <th scope="row" colspan="2" style="text-align:left; border: 1px solid #eee; <?php if ( $i == 1 ) echo 'border-top-width: 4px;'; ?>"><?php echo $total['label']; ?></th> <td style="text-align:left; border: 1px solid #eee; <?php if ( $i == 1 ) echo 'border-top-width: 4px;'; ?>"><?php echo $total['value']; ?></td> </tr><?php } } ?> </tfoot> --> </table> <!-- DEV NOTES Order Table --> <P><?php do_action( 'woocommerce_email_after_order_table', $order, $sent_to_admin, $plain_text ); ?></P> <!-- DEV Additional details such as notes, need by date, job title etc --> <span style="font-family: Arial, Helvetica, sans-serif; color: #060606; font-size:12px;"><?php do_action( 'woocommerce_email_order_meta', $order, $sent_to_admin, $plain_text ); ?></span> <!-- DEV Your Details section including email, tel, addressess --> <span style="font-family: Arial, Helvetica, sans-serif; color: #060606; font-size:12px;"><?php do_action( 'woocommerce_email_customer_details', $order, $sent_to_admin, $plain_text ); ?></span> <?php do_action( 'woocommerce_email_footer' ); ?>Topic: CSS
Hello,
Thanks for a providing a great theme. I’m absolutely in love with it!
As I’m about to finish building my site, I have a couple questions could use your help:
1. Currently, my social icons on the header is the same color with the navigation, how could I only change the social icons color without changing the navigation color?
2. I have a button (Watch Our Video) created on my Homepage banner, see http://beta.stratuscontactsolutions.com.php53-11.dfw1-1.websitetestlink.com/
What I did is to display the arrow icon next the text by creating a button. However, my client would like the button to look exactly like the one on the attached image, where I’m unable to find such icon in the list. Any idea how should I go about this?3. On footer, how can I make the Recently Blogs section font the same size as the Contact Information section?
Thank you so much for your time!
Maggie
Hi, in 1 of my blog posts i’m using a full-width video background with a YouTube url. This works great on a pc. Is it possible to enable the play button on an Android smartphone? It doesn’t have to auto play the video but it would be nice to be able to play the video on a Android smartphone.
The code i’m using for this video:[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='http://www.reisfreaks.com/wp-content/uploads/2013/04/rw2014-videobgmobile.jpg' attachment='8920' attachment_size='full' attach='scroll' position='top left' repeat='no-repeat' video='https://youtu.be/c8Q9lY6LYmo' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_class=''] [av_hr class='invisible' height='640' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class=''] [/av_section]Hi there,
The text formatting for my blog changes when it’s on the front page (which is my home page). Sometimes words that I put in italics are unitalicized, the font size changes, and line breaks are ignored.
How can I make the blog format on the front page look like my blog page?
Thank you,
L.R.
