Viewing 30 results - 12,541 through 12,570 (of 18,741 total)
  • Author
    Search Results
  • famewebdesign
    Participant

    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

    • This topic was modified 10 years, 5 months ago by famewebdesign.
    #538449

    Hi!

    Ok I see it on the second set of posts. You can try making the font size smaller like so.

    .slide-entry-title a { font-size: 9px !important; }
    

    Or another option would be to cut it off.

    .slide-entry-title { overflow: hidden !important; }
    

    Regards,
    Elliott

    #538442

    Hey vemaybayanz!

    You can use the following css to adjust the icon and title size:

    .avia-icon-list .av-iconlist-empty .iconlist_title {
        font-size: 12px !important;
    }
    
    .avia-icon-list .iconlist_icon {
        font-size: 26px !important;
    	height: 51px !important;
        width: 51px !important;
    }

    Best regards,
    Dake

    #538374

    In reply to: LayerSlider WP

    Hi iacopo!

    1. Try adding this to your custom CSS.

    @media screen and (max-width: 767px) {
    .avia-slideshow-button {
        padding: 0px !important;
        font-size: 10px !important;
    }
    }

    2. Not sure what you mean by redefined. Can you take a screenshot and highlight what your trying to do so we can get a better idea?

    Regards,
    Elliott

    #538347

    Hi!

    Please change your code to following one

    label[for="avia_7_1"] {
        font-size: 15px!important;
        font-weight: 300!important;
        font-family: 'Work Sans';
        text-transform: none;
    }

    Regards,
    Yigit

    #538344

    Thanks Yigit,
    I tried and modified it

    label[for="avia_7_1"] {
       font-size: 15px!important;
       font-weight: 300;
       font-family: 'Work Sans';
       text-transform: none ;
    }

    Just can’t seem to stop it from being bold.

    #538337

    In reply to: Custom CSS Woocommerce

    Hey Adrizz!

    Add this to your custom CSS.

    .cart_dropdown .amount { color: red !important; font-size: 20px !important; }
    

    If that’s not what you were wanting then send us a link to your page and take a screenshot highlighting the element your trying to style.

    Cheers!
    Elliott

    #538265

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    label[for="avia_7_1"] {
        font-size: 15px!important;
        color: orange!important;
    }

    If the changes you wanted to make were different, please elaborate :)

    Best regards,
    Yigit

    #538256

    Hi!

    Thank you for making my day :)

    Please add following code to Quick CSS as well

    #socket .container {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    If you would like to make socket smaller, we are going to need to make font size smaller or it will look ugly :)

    Regards,
    Yigit

    #538109

    Hey otwizzle!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #header .social_bookmarks li a {
        font-size: 16px;
    }

    Can you please post a screenshot and show the changes you would like to make with the widget? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here .

    Regards,
    Yigit

    #538069

    In reply to: CSS

    Hi Maggie

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #header_main .social_bookmarks li a {
        color: orange;
    }
    .recentcomments, .widget_recent_entries li a {
        font-size: 14px;
        font-family: inherit!important;
        font-style: inherit;
    }

    Can you please elaborate on the second question? Not sure if i understood you clearly.

    Best regards,
    Yigit

    #537993
    richardelectrix
    Participant

    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' ); ?>
    
    #537853

    Topic: CSS

    in forum Enfold
    katherinesherrie
    Participant

    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

    #537798

    Hi,

    Try adding this to Quick CSS under Enfold–>General Styling:

    a, body a {
         font-size: 18px;
    }

    Best regards,
    Rikard

    Hey!

    Looks like a float issue. Please add this in the Quick CSS field:

    .container_wrap.container_wrap_first.main_color.sidebar_right:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    Cheers!
    Ismael

    #537476

    Hey!

    You can adjust the font size with the below css.

    .main_menu {
        color: #ffffff !important;
        font-size: 18px !important;
    }

    Cheers!
    Dake

    #537460

    works good now. thanks so much.

    if it’s easy, could you also tell me how to increase the font size of the top menu items?

    #537175

    Hi,

    You can try something like this to make a sentence or character larger:

    <span style="font-size:30px;">®</span>
    

    Thanks,
    Rikard

    #537087

    Hey!

    I think it’s better if you didn’t use a table because the columns differ in size. Use div or span containers instead. Something like this:

    <span class="event-date">FRIDAY SEPTEMBER 11, 2015<br>10:30PM</span>
    <span style="font-size: 24px" class="event-name">Paladino’s Night Club</span>
    <span class="event-share">
    <p class="share">Share</p> 
    <img style="vertical-align:middle" src="http://rygrocks.com/wp-content/uploads/2015/11/raise-your-glass-pink-tribute-band-share-icon.png" width="34" height="34"> 
    <img style="vertical-align:middle" src="http://rygrocks.com/wp-content/uploads/2015/11/raise-your-glass-pink-tribute-band-buy-ticket-icon.png" width="153" height="35">
    </span>
    

    Add this in the Quick CSS field:

    .avia-caption-content .event-date, .avia-caption-content .event-name, .avia-caption-content .event-share {
        width: 32%;
        float: left;
    }
    
    .avia-caption-content {
        padding: 2%;
       background: #000;
        filter: alpha(opacity = 80);
        background: rgba(0, 0, 0, 0.5);
    }
    
    .avia-caption-content .event-share img {
        float: left;
        width: auto;
        margin: 0 5px;
    }
    
    .avia-caption-content:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        clear: both;
        overflow: auto;
    }
    
    .avia-caption-content .event-name, .avia-caption-content .event-share .share {
        background: transparent !important;
    }
    
    .avia-caption-content .event-date, .avia-caption-content .event-name {
        font-size: 18px;
        line-height: 1.3em;
    }
    .avia-caption-content .event-share .share {
        float: left;
    }

    Cheers!
    Ismael

    #537052

    Hey!

    I’m sorry but this feature hasn’t been added yet. However, you can add an icon element with an optional tooltip, generated from the shortcode wand, inside the table cells. Add this in the QuicK CSS field to fix the layout issues once you added the icon:

    .pricing-table li:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        clear: both;
        overflow: auto;
    }

    Cheers!
    Ismael

    #537025

    Thank you.

    I know how to change the body font.
    I’m asking about LINKS font size.

    Also.. the color of the links in Enfold > General Styling > Fonts also affect the tag, which is not what I want.

    I want the links to be blue (and increase their size) and I want the to be black.

    Thanks again.

    #536954

    Hey rutledgeim!

    You have following custom CSS code

    #top #wrap_all .social_bookmarks li a {
        font-size: 40px !important;
    }

    Please remove it and then go to Appearance > Menus and create a new menu and check “Enfold footer menu” under Menu settings

    Cheers!
    Yigit

    #536953
    ronprosky
    Participant

    If you go to our site at https://www.reachdetox.com and hover over the “Services” tab, you will see that the dropdown menu appears very strange…the links are side by side instead of vertical and the font size is too big. We would like for all dropdowns to appear standard like most websites, where the links are vertical and the same font size as the main tabs, and we’d also like that nice light gray background color for the dropdowns.. I went through all of the Enfold customization options but could not find where to make these menu changes. Can you please help us out?

    Thanks,
    Ron

    #536951
    Dutchman
    Participant

    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]
    #536723
    biteandsip
    Participant

    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.

    #536711

    Hi successisus!

    1. Your using the boxed layout so it wouldn’t be possible to have it span the full width of the screen but if you want it to span the full width of the header then you can try this CSS out.

    .logo, .logo * {
        max-width: 100% !important;
        width: 100% !important;
    }

    When you set your logo make sure to use the fullsize options and not a thumbnail size.

    2. It looks like you already have some CSS used for this.

    #top #header .mega_menu_title a {
        font-size: 12px !important;
        line-height: .8em !important;
        min-height: 15px;
    }

    Can you take a screenshot and highlight the exactly how your wanting it to look?

    Regards,
    Elliott

    #536702

    Hello ,
    Thanks for your reply.
    Maybe I didn’t ask my questions correctly or you misunderstood my inquiry.
    In any case, I will ask one at the time, this time. Maybe thats the way to go ( :

    So, my original question is below:
    1. ROTATING HEADER OR SPECIAL HEADER (or, for that matter any block holding info):
    I would like to make font size different within a sentence. So, for example. I would like for a symbol ® to be smaller then rest of the fonts, or if i want one word (or one letter) to stand out form the rest (to be bigger than other words in a same sentence)?

    If still not clear, please take a look below.
    https://drive.google.com/file/d/0B10lMzs2pU0JVy1INjZuVmtkVDA/view?usp=sharing

    Thanks guys

    #536697

    Thanks! It works!

    Here is the the total code if anybody needs it:

    /* Fontsize Price - Shopoverview*/
    #top .price, #top .price span, #top del, #top  ins{
    display: inline;
    text-decoration: none;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    }
    
    /* Fontsize Price - Single Product page */
    .single-product-summary .amount { font-size: 40px !important; }
    • This reply was modified 10 years, 5 months ago by c3computers.
    #536617

    Hey c3computers!

    Try this out instead.

    .single-product-summary .amount { font-size: 40px !important; }
    

    Cheers!
    Elliott

    #536582

    In reply to: Woocommerce Prize size

    Hi c3computers!

    Please add following code to Quick CSS as well

    .single-product .price, .single-product .price span, .single-product del, .single-product  ins { font-size: 40px !important; }

    Best regards,
    Yigit

Viewing 30 results - 12,541 through 12,570 (of 18,741 total)