Viewing 30 results - 511 through 540 (of 612 total)
  • Author
    Search Results
  • #350227

    Hey!

    That’s not going to be easy but try adding this to your custom CSS.

    .template-shop div.product div.images {
        float: left;
        margin: 0 40px 0 0;
        width: 30%;
    }

    And then change lines 931 – 958 in /enfold/config-woocommerce/config.php to this.

    #
    # wrap single product image in an extra div
    #
    //add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
    add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
    if(!function_exists('avia_add_image_div'))
    {
    	function avia_add_image_div()
    	{
    		echo "<div class='single-product-main-image alpha'>";
    	}
    }
    
    if(!function_exists('avia_close_image_div'))
    {
    	function avia_close_image_div()
    	{
    		global $avia_config;
    		echo "<div class='single-product-main-image alpha'>";
    		if(is_product()) {
    		$avia_config['currently_viewing'] = "shop_single";
    		get_sidebar();
    		}
    		echo "</div>";
    	}
    }

    You’ll probably need to play around with the CSS a bit to make it look good.

    Regards,
    Elliott

    • This reply was modified 11 years, 2 months ago by Elliott.

    Hi amester55!

    Try opening up /enfold/config-templatebuilder/avia-shortcodes/testimonials.php and find line 366.

    if($src)	$avatar  = "<div class='avia-testimonial-image' $markup>".wp_get_attachment_image( $src , $avatar_size , false, array('alt'=>esc_attr(strip_tags($name))))."</div>";
    

    Try changing it to this.

    if($src)	$avatar  = "<a href = '".$link."'><div class='avia-testimonial-image' $markup>".wp_get_attachment_image( $src , $avatar_size , false, array('alt'=>esc_attr(strip_tags($name))))."</div></a>";
    

    And then add this to your custom CSS for the border.

    .avia-testimonial-image img { border: 5px solid red !important; }
    

    Best regards,
    Elliott

    #348601

    Hey!

    1.) You can change the background position of the fullscreen slider with this:

    .avia-fullscreen-slider .avia-slideshow>ul>li {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center !important;
    }

    Change the caption text size with this:

    @media only screen and (max-width: 479px) {
    .responsive #top .slideshow_caption h2 {
    font-size: 50px !important;
    }
    }

    2.) Use this to modify the image size:

    @media only screen and (max-width: 479px) {
    .home .flex_column.av_one_fifth.first.avia-builder-el-3.el_before_av_four_fifth.avia-builder-el-first .avia-image-container-inner img {
    width: 60%;
    margin: 0 auto;
    }
    }

    You can also use the Custom CSS Class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Regards,
    Ismael

    Micheal0424
    Participant

    http://impexvending.com.au/contact-us/

    The added CSS is having an affect in all areas, not just the desired ones?

    NOTE: This issue only happens when the elements are in the color section, when done out of the color section they are okay. I am using the Custom Css Class inside the element that I would like the change to happen but it is not happening in all elements inside the color section?

    How do I fix this?

    Thanks!!

    Here is what has been done so far:

    Added to functions.php:
    add_theme_support(‘avia_template_builder_custom_css’);

    Added to Quick CSS:
    #av_section_1 .av-special-heading {
    background-color: #3892CE;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 10px;
    }

    #av_section_1 .avia_textblock {
    background-color: #3892CE;
    padding: 10px;
    color: #FFF !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

    #av_section_1 .avia-image-container.avia-align-center {
    margin: 0 auto;
    }

    .shaded-box.avia_textblock {
    background-color: #3892CE;
    padding: 10px;
    }

    #341800
    eugenesnowball
    Participant

    Hi, I have a video on my home that I want to track with Google Analytics event tracking. I found this useful post how to add event tracking to the image element:
    https://kriesi.at/support/topic/how-to-add-google-analytics-event-tracking-code-to-image-links-and-text-links/

    My application however is the video player which I don’t believe has the same on_click_event. Either way I tried it and it doesn’t seem to work.

    I tried these steps:

    1. Add custom CSS class to video selector called ‘ga-track’
    2. Added this code the functions.php:

    // theme support appears to be added by default see script below
    // add_theme_support(‘avia_template_builder_custom_css’);

    function add_custom_script(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery(“.ga-track a”).attr(“onclick”,”_gaq.push([‘_trackEvent’, ‘Videos’, ‘Play’, ‘My Video’]”);
    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘add_custom_script’);

    In Analytics I did this:
    https://docs.google.com/a/snowball.co.za/file/d/0B10etxh2shi0UWI4X3Vkd1h3eGs/edit?usp=drivesdk

    and this:
    https://docs.google.com/a/snowball.co.za/file/d/0B10etxh2shi0QkNjenlJN1NoOEE/edit?usp=drivesdk

    Basically nothing happens.

    #336181

    I am putting this code > .single-product-main-image { width: 20% !important; } in the custom css file as you said

    I need the first code you sent me. the one you told me to add to the functions

    #
    # wrap single product image in an extra div
    #
    add_action( ‘woocommerce_before_single_product_summary’, ‘avia_add_image_div’, 2);
    add_action( ‘woocommerce_before_single_product_summary’, ‘avia_close_image_div’, 20);
    function avia_add_image_div()
    {
    echo “<div class=’four units single-product-main-image alpha’>”;
    }

    function avia_close_image_div()
    {
    global $avia_config;
    $avia_config[‘currently_viewing’] = “shop_single”;

    echo “</div>”;

    When I copy it from above it does not work, but worked before, so I need a new copy please

    Sorry for the confusion
    Joe

    #335026

    Hi!

    Please go to Appearance > Editor and open helper-main-menu.php file and find

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);

    and add your text right below it as following

    echo "<div class='header-custom-text'>Here is my custom text!</div>";

    Then you can adjust its position using custom CSS in Quick CSS field

    .header-custom-text { position: relative; right: 0; top: 10px; color: red; font-size: 24px; }

    Best regards,
    Yigit

    #332778

    i am using 3.0 can you please help me? My boss has to have a sidebar for the product pages this is crucial below is the functions file for the child theme i am using, i am using a custom widget for the sidebar and on the product listing pages i have it set to ‘sidebar product page’ and i have the child theme overall settings for all sidebars to be set to the right below the functions file i will add the css u sent me please help if you can i am so close please let me know if anyhting is wrong?

    FUNCTIONS FILE-CHILD THEME

    <?php
    $avia_config[‘imgSize’][‘shop_thumbnail’] = array(‘width’=>120, ‘height’=>120, ‘crop’ => true);
    $avia_config[‘imgSize’][‘shop_catalog’] = array(‘width’=>260, ‘height’=>260, ‘crop’ => true);
    $avia_config[‘imgSize’][‘shop_single’] = array(‘width’=>450, ‘height’=>999, ‘crop’ => false);

    add_action( ‘woocommerce_before_single_product_summary’, ‘avia_add_image_div’, 2);
    add_action( ‘woocommerce_before_single_product_summary’, ‘avia_close_image_div’, 20);
    function avia_add_image_div()
    {
    echo “<div class=’single-product-main-image alpha’>”;
    }

    function avia_close_image_div()
    {
    global $avia_config;
    $avia_config[‘currently_viewing’] = “shop_single”;

    echo “</div>”;
    }

    add_action( ‘woocommerce_before_single_product_summary’, ‘avia_add_summary_div’, 25);
    add_action( ‘woocommerce_after_single_product_summary’, ‘avia_close_summary_div’, 3);
    function avia_add_summary_div()
    {
    echo “<div class=’single-product-summary’>”;
    }

    function avia_close_summary_div()
    {
    echo “</div>”; //close out the summary
    get_sidebar();
    }

    ?>

    CSS-style.css child-theme

    /*
    Theme Name: Enfold Child
    Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
    Version: 1.0
    Author: Kriesi
    Author URI: http://kriesi.at
    Template: enfold
    */

    body {
    font: 15px/1.8em “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    color: #444;
    -webkit-text-size-adjust: 100%;
    }

    td {
    font-size: 14px;
    padding: 9px 12px;
    border-style: solid;
    border-width: 1px;
    border-left:none;
    border-top:none;
    }
    table {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 14px;
    }
    #top select {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 8px 6px;
    outline: none;
    font: 14px “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0px;
    }
    blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 15px;}
    blockquote{
    border-left-style:solid;
    border-left-width:7px;
    padding-left:20px;
    margin-bottom:1em;
    margin-right:1em;
    font-size: 12px;
    line-height: 1.8em;font-family: Georgia,”Times New Roman”;
    }
    .asc_facebook .social_widget_icon{
    color:#fff;
    background-color:#3b5997;
    border-color:#3b5997;
    text-shadow: 1px 1px 1px #17ACD8;
    }
    .asc_gp .social_widget_icon{
    color:#fff;
    background-color:#d64937;
    border-color:#d64937;
    text-shadow: 1px 1px 1px #17ACD8;
    }
    .logo {margin:7px 0}
    .single-product .product {
    width: 68%;
    margin-right: 4%;
    clear: none;
    float: left;
    }

    #331881
    yojiabe
    Participant

    I have tried custom functions.php: mentioned here

    sidebar is still under the main pic.
    please advice.

    
    #
    # wrap single product image in an extra div
    #
    add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
    add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
    function avia_add_image_div()
    {
    	echo "<div class='single-product-main-image alpha'>";
    }
     
    function avia_close_image_div()
    {
    	global $avia_config;
    	$avia_config['currently_viewing'] = "shop_single";
     
    	echo "</div>";
    }
     
     
    #
    # wrap single product summary in an extra div
    #
    add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
    add_action( 'woocommerce_after_single_product_summary',  'avia_close_summary_div', 3);
    function avia_add_summary_div()
    {
    	echo "<div class='single-product-summary'>";
    }
     
     
     
    function avia_close_summary_div()
    {
    	echo "</div>"; //close out the summary
    	get_sidebar();
    }
    

    and CSS

    .single-product .product {
    width: 68%;
    margin-right: 4%;
    clear: none;
    float: left;
    }
    #331433

    Hey!

    Please try this on functions.php:

    #
    # wrap single product image in an extra div
    #
    add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
    add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
    function avia_add_image_div()
    {
    	echo "<div class='single-product-main-image alpha'>";
    }
     
    function avia_close_image_div()
    {
    	global $avia_config;
    	$avia_config['currently_viewing'] = "shop_single";
     
    	echo "</div>";
    }
     
     
    #
    # wrap single product summary in an extra div
    #
    add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
    add_action( 'woocommerce_after_single_product_summary',  'avia_close_summary_div', 3);
    function avia_add_summary_div()
    {
    	echo "<div class='single-product-summary'>";
    }
     
     
     
    function avia_close_summary_div()
    {
    	echo "</div>"; //close out the summary
    	get_sidebar();
    }

    Add this on Quick CSS or custom.css:

    .single-product .product {
    width: 68%;
    margin-right: 4%;
    clear: none;
    float: left;
    }

    Regards,
    Ismael

    #318365
    siestajoye
    Participant

    Two questions about my (static) front page html:
    Question 1. Adding alt tag to fullscreen slider image on front page
    On my front page, I am using an image inside the fullscreen slider and would like to have the alt tag included. My image has an alt tag applied in the media library.
    The code that is generated is:

    <div id='fullscreen_slider_0' class='avia-fullscreen-slider main_color  avia-builder-el-0  el_before_av_textblock  avia-builder-el-first  container_wrap sidebar_right'   ><a href='#next-section' title='' class='scroll-down-link'aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></a><div  data-size='no scaling'  data-lightbox_size='large'  data-animation='slide'  data-ids='3733'  data-video_counter='0'  data-autoplay='false'  data-bg_slider='true'  data-slide_height='100'  data-handle='av_fullscreen'  data-interval='5'  data-class=' '  data-css_id='fullscreen_slider_0'  data-scroll_down='aviaTBscroll_down'  data-custom_markup=''  data-stretch=''  class='avia-slideshow avia-slideshow-1 av-slider-scroll-down-active avia-slideshow-no scaling av_fullscreen   avia-slide-slider '  itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><ul class='avia-slideshow-inner' ><li style='background-position:center center;' data-img-url='http://WEBSITENAME.com/blog/wp-content/uploads/2014/09/sarasota-downtown-events.jpg' class=' av-single-slide slide-1 ' ><div data-rel='slideshow-1' class='avia-slide-wrap'  ><div class = "caption_fullwidth caption_bottom caption_bottom_framed caption_framed"><div class = "container caption_container"><div class = "slideshow_caption"><div class = "slideshow_inner_caption"><div class = "slideshow_align_caption"><h2 class='avia-caption-title'  itemprop="name" >CAPTION TEXT</h2><div class='avia-caption-content'  itemprop="description" ><p>MORE TEXT<br />
    </p>

    Lots of code, but no alt tag. Can I add it somehow?

    Question 2. Using this theme, I see that I have no h1 on my front page.
    I use a logo for my company name, the caption inside of the slider is an h2 and the remaining content on the front is h2 or smaller. Is there a consensus about the need for an h1 tag on the front page? I have a title which includes my business name and tagline, and my logo image has an alt tag with my business name. Is there a need to create an h1 on the front page? If so, how?

    Thanks for all the help you have been providing as I learn this new theme.

    #316160

    Thank you Josue. But that did not resolve my problem. I already use the “blank” template, but that adds a header en footer covering approx 40% of the height each with a grey area.
    When I look at the code, I see (among many other stuf) these lines in the header:
    <link rel=’stylesheet’ id=’avia-grid-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/css/grid.css?ver=2&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-base-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/css/base.css?ver=2&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-layout-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/css/layout.css?ver=2&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-scs-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/css/shortcodes.css?ver=2&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-popup-css-css’ href=’http://mysite.com/wp1/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=1&#8242; type=’text/css’

    When I remove the lines with “avia-grid-css” and “avia-layout-css”, then I get the full page as I want it.
    This is the current code I use:

    <style type=”text/css”>
    body {scrolling:no;
    }
    iframe {position:absolute;
    z-index:1;
    top:0px;
    left:0px;
    border: 0 !important;
    }
    </style>
    </head>
    <body>
    <iframe src=”http://another_site.com&#8221; height=”100%” width=”100%” frameborder=”0″></iframe>
    </body>

    I copied the whole code below so you can see what my issue is. Basically, the “blank” template adds header and footer anyway..
    Hope you can help.
    Thanks,

    Stephen

    ———————————————————————————————————————————————-

    <!DOCTYPE html>
    <html lang=”en-US” prefix=”og: http://ogp.me/ns#&#8221; class=” html_boxed responsive responsive_large av-default-lightbox html_header_top html_logo_left html_main_nav_header html_menu_right html_slim html_header_sticky html_header_shrinking html_mobile_menu_phone html_disabled html_entry_id_1168 “>
    <head>
    <meta charset=”UTF-8″ />

    <!– page title, displayed in your browser bar –>

    <link rel=”icon” href=”http://www.abundantforever.com/wp1/wp-content/uploads/abundantforever_logo_favicon_000001.png&#8221; type=”image/png”>
    <!– add feeds, pingback and stuff–>
    <link rel=”profile” href=”http://gmpg.org/xfn/11&#8243; />
    <link rel=”alternate” type=”application/rss+xml” title=”Abundant Forever RSS2 Feed” href=”http://www.abundantforever.com/feed/&#8221; />
    <link rel=”pingback” href=”http://www.abundantforever.com/wp1/xmlrpc.php&#8221; />

    <!– mobile setting –>
    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

    <!– Scripts/CSS and wp_head hook –>

    <!– This site is optimized with the Yoast WordPress SEO plugin v1.5.5.3 – https://yoast.com/wordpress/plugins/seo/ –>
    <title>Start – Abundant Forever</title>
    <link rel=”canonical” href=”http://www.abundantforever.com/start/&#8221; />
    <meta property=”og:locale” content=”en_US” />
    <meta property=”og:type” content=”article” />
    <meta property=”og:title” content=”Start – Abundant Forever” />
    <meta property=”og:url” content=”http://www.abundantforever.com/start/&#8221; />
    <meta property=”og:site_name” content=”Abundant Forever” />
    <!– / Yoast WordPress SEO plugin. –>

    <link rel=”alternate” type=”application/rss+xml” title=”Abundant Forever » Feed” href=”http://www.abundantforever.com/feed/&#8221; />
    <link rel=”alternate” type=”application/rss+xml” title=”Abundant Forever » Comments Feed” href=”http://www.abundantforever.com/comments/feed/&#8221; />
    <link rel=”alternate” type=”application/rss+xml” title=”Abundant Forever » Start Comments Feed” href=”http://www.abundantforever.com/start/feed/&#8221; />

    <!– google webfont font replacement –>
    <link rel=’stylesheet’ id=’avia-google-webfont’ href=’//fonts.googleapis.com/css?family=Droid+Sans’ type=’text/css’ media=’all’/>
    <link rel=’stylesheet’ id=’custom-style-css’ href=’http://www.abundantforever.com/wp1/wp-content/plugins/enfold-latest-posts/asheu.css?ver=3.9.2&#8242; type=’text/css’ media=’all’ />
    <style type=’text/css’>

    body .cat-title {
    border-bottom: 1px solid;
    display: block;
    }
    body .parent-cat .child-cat li {
    margin-left: 35px;
    }

    </style>
    <link rel=’stylesheet’ id=’collapseomatic-css-css’ href=’http://www.abundantforever.com/wp1/wp-content/plugins/jquery-collapse-o-matic/light_style.css?ver=1.6&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-grid-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/grid.css?ver=2&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-base-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/base.css?ver=2&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-layout-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/layout.css?ver=2&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-scs-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/shortcodes.css?ver=2&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-popup-css-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=1&#8242; type=’text/css’ media=’screen’ />
    <link rel=’stylesheet’ id=’avia-media-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/mediaelement/skin-1/mediaelementplayer.css?ver=1&#8242; type=’text/css’ media=’screen’ />
    <link rel=’stylesheet’ id=’avia-print-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/print.css?ver=1&#8242; type=’text/css’ media=’print’ />
    <link rel=’stylesheet’ id=’avia-dynamic-css’ href=’http://www.abundantforever.com/wp1/wp-content/uploads/dynamic_avia/enfold.css?ver=540f70cb1c0b1&#8242; type=’text/css’ media=’all’ />
    <link rel=’stylesheet’ id=’avia-custom-css’ href=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/css/custom.css?ver=2&#8242; type=’text/css’ media=’all’ />
    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/jquery/jquery.js?ver=1.11.0′></script&gt;
    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1′></script&gt;
    <script type=’text/javascript’>
    /* <![CDATA[ */
    var js_obj = {“ajax_url”:”http:\/\/www.abundantforever.com\/wp1\/wp-admin\/admin-ajax.php”,”ajax_loader”:”“};
    /* ]]> */
    </script>
    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/plugins/enfold-latest-posts/asheu.js?ver=3.9.2′></script&gt;
    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/avia-compat.js?ver=2′></script&gt;
    <link rel=”EditURI” type=”application/rsd+xml” title=”RSD” href=”http://www.abundantforever.com/wp1/xmlrpc.php?rsd&#8221; />
    <link rel=”wlwmanifest” type=”application/wlwmanifest+xml” href=”http://www.abundantforever.com/wp1/wp-includes/wlwmanifest.xml&#8221; />
    <meta name=”generator” content=”WordPress 3.9.2″ />
    <link rel=’shortlink’ href=’http://www.abundantforever.com/?p=1168&#8242; />
    <script type=’text/javascript’>
    var colomatduration = ‘slow’;
    var colomatslideEffect = ‘slideFade’;
    </script>
    <style>
    .custom_font_style_1 {
    color:Crimson;
    background-image: none !important;
    padding: 0 0 10px 0;
    font-style:italic;
    font-weight:bold;
    display:inline
    }
    </style>
    <!–[if lt IE 9]><script src=”http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/html5shiv.js”></script>&lt;![endif]–>
    <style type=”text/css”></style>

    <style type=”text/css”>
    .synved-social-resolution-single {
    display: inline-block;
    }
    .synved-social-resolution-normal {
    display: inline-block;
    }
    .synved-social-resolution-hidef {
    display: none;
    }

    @media only screen and (min–moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx),
    only screen and (min-resolution: 192dpi) {
    .synved-social-resolution-normal {
    display: none;
    }
    .synved-social-resolution-hidef {
    display: inline-block;
    }
    }
    </style>

    <!–
    Debugging Info for Theme support:

    Theme: Enfold
    Version: 2.9.1
    Installed: enfold
    AviaFramework Version: 1.9.1
    AviaBuilder Version: 0.7
    ML:1024-PU:12-PLA:9
    –>

    <style type=’text/css’>
    @font-face {font-family: ‘entypo-fontello’; font-weight: normal; font-style: normal;
    src: url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3&#8217;);
    src: url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix&#8217;) format(’embedded-opentype’),
    url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3&#8217;) format(‘woff’),
    url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3&#8217;) format(‘truetype’),
    url(‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg?v=3#entypo-fontello&#8217;) format(‘svg’);
    } #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont=’entypo-fontello’]:before{ font-family: ‘entypo-fontello’; }
    </style>
    </head>

    <body id=”top” class=”page page-id-1168 page-template page-template-template-blank-php boxed droid_sans droid_sans avia-blank” itemscope=”itemscope” itemtype=”https://schema.org/WebPage&#8221; >
    <div id=’wrap_all’>
    <div id=’main’ data-scroll-offset=’88’>
    <div class=’container_wrap container_wrap_first main_color fullsize’>
    <div class=’container’>
    <main class=’template-page content twelve alpha units’ role=”main” itemprop=”mainContentOfPage” >
    <article class=’post-entry post-entry-type-page post-entry-1168′ itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork&#8221; >
    <div class=”entry-content-wrapper clearfix”>
    <header class=”entry-content-header”></header><div class=”entry-content” itemprop=”text” ><style type=”text/css”>
    body {scrolling:no;
    }
    iframe {position:absolute;
    z-index:1;
    top:0px;
    left:0px;
    border: 0 !important;
    }
    </style>
    <p></head><br />
    <body><br />
    <iframe src=”http://www.abundantforever.com&#8221; height=”100%” width=”100%” frameborder=”0″></iframe><br />
    </body></p>
    </div><footer class=”entry-footer”></footer> </div>
    </article><!–end post-entry–>
    <!–end content–>
    </main>
    </div><!–end container–>
    </div><!– close default .container_wrap element –>
    <!– end main –></div><!– end wrap_all –></div>
    <script type=’text/javascript’>
    /* <![CDATA[ */
    var avia_framework_globals = avia_framework_globals || {};
    avia_framework_globals.frameworkUrl = ‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/framework/&#8217;;
    avia_framework_globals.installedAt = ‘http://www.abundantforever.com/wp1/wp-content/themes/enfold/&#8217;;
    avia_framework_globals.ajaxurl = ‘http://www.abundantforever.com/wp1/wp-admin/admin-ajax.php&#8217;;
    /* ]]> */
    </script>

    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/avia.js?ver=2′></script&gt;
    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/shortcodes.js?ver=2′></script&gt;
    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js?ver=2′></script&gt;
    <script type=’text/javascript’>
    /* <![CDATA[ */
    var mejsL10n = {“language”:”en-US”,”strings”:{“Close”:”Close”,”Fullscreen”:”Fullscreen”,”Download File”:”Download File”,”Download Video”:”Download Video”,”Play\/Pause”:”Play\/Pause”,”Mute Toggle”:”Mute Toggle”,”None”:”None”,”Turn off Fullscreen”:”Turn off Fullscreen”,”Go Fullscreen”:”Go Fullscreen”,”Unmute”:”Unmute”,”Mute”:”Mute”,”Captions\/Subtitles”:”Captions\/Subtitles”}};
    var _wpmejsSettings = {“pluginPath”:”\/wp1\/wp-includes\/js\/mediaelement\/”};
    /* ]]> */
    </script>
    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=2.14.2′></script&gt;
    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/mediaelement/wp-mediaelement.js?ver=3.9.2′></script&gt;
    <script type=’text/javascript’ src=’http://www.abundantforever.com/wp1/wp-includes/js/comment-reply.min.js?ver=3.9.2′></script&gt;
    <span class=”avia_hidden_link_text”>Scroll to top</span>
    <div id=”fb-root”></div>
    </body>
    </html>

    #310712

    Hey aregowe!

    Please go to Enfold/includes folder and open helper-main-menu.php file and find

    <div id='header_meta' class='container_wrap container_wrap_meta <?php echo avia_header_class_string(array('header_social', 'header_secondary_menu', 'header_phone_active'), 'av_'); ?>'>

    and add your image right below it as following

    <div class='custom-header-image'><a href='http://kriesi.at' target='_blank'><img src='http://kriesi.at/wp-content/themes/kriesi/images/logo.png' /></a></div>

    Then you can adjust its position using custom CSS in Quick CSS field in Enfold theme options under General Styling tab

    .custom-header-image { position: relative; right: 0; top: 10px; }

    Best regards,
    Yigit

    #310616

    Hi!

    Please turn on Custom CSS field element for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your image a unique class ( i.e.: custom-image ) and then add following code to Functions.php file in Appearance > Editor

    function add_custom_image(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery('.custom-image img').hover(function(){ 
    jQuery('.custom-image img').attr('src','http://kriesi.at/themes/wp-content/plugins/avia_cachable_style_switch/images/logo-enfold/splash-orange.png');
    });
    jQuery('.custom-image img').mouseleave(function(){
    jQuery('.custom-image img').attr('src','http://kriesi.at/wp-content/themes/kriesi/images/logo.png');
    });
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_image');

    You should change image url’s. Second url should be to the initial image.
    For more advanced solution, please hire a freelance developer

    Regards,
    Yigit

    #309876

    Hi Jonas!

    1- Please add following code to Quick CSS and adjust as needed

    .avia-content-slider .slide-entry-wrap { margin-bottom: 15px; }

    2- Please go to Appearance > Editor and open helper-main-menu.php file and find

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);

    and add your text right below it as following

    echo "<div class='header-custom-text'>Here is my custom text!</div>";

    Then you can adjust its position using custom CSS in Quick CSS field

    .header-custom-text { position: relative; right: 0; top: 10px; color: red; font-size: 24px; }

    3- http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/

    Regards,
    Yigit

    #307600

    In reply to: Slider Navigation

    Hi Dude,

    thanks for your answers!

    1) You can modify the post slider and add the “avia-smallarrow-slider” class to it – then the navigation button layout should change. Follow the instructions here http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add “avia-smallarrow-slider” (without the quotes) into the Custom CSS class field.

    Nice;) This works so far but places the arrows below the sliders content. How do I place it at top?

    2) You can hide the feature image with css code – insert it into the quick css field or child theme style.css file:

    .avia-content-slider .slide-image { display: none !important; }

    Hmm, works in the quick css field but not in my child theme style.css file. But more important is the remaining white space on top. How to remove this additional empty „line“? Please have a look at the site.

    bye,
    Karsten

    #307381

    In reply to: Slider Navigation

    Hey kmue!

    1) You can modify the post slider and add the “avia-smallarrow-slider” class to it – then the navigation button layout should change. Follow the instructions here http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add “avia-smallarrow-slider” (without the quotes) into the Custom CSS class field.

    2) You can hide the feature image with css code – insert it into the quick css field or child theme style.css file:

    
    .avia-content-slider .slide-image { display: none !important; }
    

    Cheers!
    Peter

    #305247

    Hi Heathcliffe!

    Thank you for using the theme.

    You need to disable the lightbox for these Image elements. In order to do that, add a unique selector to the element. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;
    

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');
    

    Edit the image element then add a unique css selector on “Custom Css Class” field. Add the “noLightbox” css class to disable the lightbox.

    Best regards,
    Ismael

    #304859

    Hi rkdiddy!

    Please go to Appearance > Editor and open helper-main-menu.php file and find

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);

    and add your image right below it as following

    echo "<div class='header-custom-image'><img src='yourimagelinkhere' /></div>";

    Then you can adjust its position using custom CSS in Quick CSS field in Enfold theme options under General Styling tab

    .header-custom-image { position: relative; right: 0; top: 10px; }

    Best regards,
    Yigit

    #301540

    Hi Kayzel!

    They are 2 different images.
    Please go to Enfold/includes folder and open helper-main-menu.php file and find

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);

    and add your image right below it as following

    `
    echo "<div class='header-image'><img src='linktoyourimage' /></div>";
    `

    It would be better if you make 1 image from these 2 images. Some custom CSS code may be needed, you can use .header-image class to style the DIV. If you need help, feel free and let us know :)

    Cheers!
    Yigit

    • This reply was modified 11 years, 5 months ago by Yigit.
    #301120

    In reply to: Mega menu not working

    Hey!

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

    #header .avia_mega_div { right: auto !important; }

    2- Please go to Enfold/includes folder and open helper-main-menu.php file and find

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);

    and add your text right below it as following

    echo "<div class='header-custom-text'>This is my custom text!</div>";

    You can use .header-custom-text class in Quick CSS field to style your text

    Best regards,
    Yigit

    #297893
    igorvavrik
    Participant

    HI!
    I have several counter in the footer first four are sitting in one line, the other two yell.ru and yelp.com for some reason are stacked under each other.. Do you know how to make them all in one line?

    this is the code for the counters in footer.php

    	<?php
    		global $avia_config;
    		$blank = isset($avia_config['template']) ? $avia_config['template'] : "";
    
    		//reset wordpress query in case we modified it
    		wp_reset_query();
    
    		//get footer display settings
    		$the_id 				= avia_get_the_id(); //use avia get the id instead of default get id. prevents notice on 404 pages
    		$footer 				= get_post_meta($the_id, 'footer', true);
    		$footer_widget_setting 	= !empty($footer) ? $footer : avia_get_option('display_widgets_socket');
    
    		//check if we should display a footer
    		if(!$blank && $footer_widget_setting != 'nofooterarea' )
    		{
    			if( $footer_widget_setting != 'nofooterwidgets' )
    			{
    				//get columns
    				$columns = avia_get_option('footer_columns');
    		?>
    				<div class='container_wrap footer_color' id='footer'>
    
    					<div class='container'>
    
    						<?php
    						do_action('avia_before_footer_columns');
    
    						//create the footer columns by iterating
    
    						
    				        switch($columns)
    				        {
    				        	case 1: $class = ''; break;
    				        	case 2: $class = 'av_one_half'; break;
    				        	case 3: $class = 'av_one_third'; break;
    				        	case 4: $class = 'av_one_fourth'; break;
    				        	case 5: $class = 'av_one_fifth'; break;
    				        	case 6: $class = 'av_one_sixth'; break;
    				        }
    				        
    				        $firstCol = "first el_before_{$class}";
    
    						//display the footer widget that was defined at appearenace->widgets in the wordpress backend
    						//if no widget is defined display a dummy widget, located at the bottom of includes/register-widget-area.php
    						for ($i = 1; $i <= $columns; $i++)
    						{
    							if($i != 1) $class .= " el_after_{$class}  el_before_{$class}";
    							echo "<div class='flex_column {$class} {$firstCol}'>";
    							if (function_exists('dynamic_sidebar') && dynamic_sidebar('Footer - column'.$i) ) : else : avia_dummy_widget($i); endif;
    							echo "</div>";
    							$firstCol = "";
    						}
    
    						do_action('avia_after_footer_columns');
    
    						?>
    
    					</div>
    
    				<!-- ####### END FOOTER CONTAINER ####### -->
    				</div>
    
    	<?php   } //endif nofooterwidgets ?>
    
    			<!-- end main -->
    			</div>
    
    			<?php
    
    			//copyright
    			$copyright = do_shortcode( avia_get_option('copyright', "&copy; ".__('Copyright','avia_framework')."  - <a href='".home_url('/')."'>".get_bloginfo('name')."</a>") );
    
    			// you can filter and remove the backlink with an add_filter function
    			// from your themes (or child themes) functions.php file if you dont want to edit this file
    			// you can also just keep that link. I really do appreciate it ;)
    			
    
    			//you can also remove the kriesi.at backlink by adding [nolink] to your custom copyright field in the admin area
    			if($copyright && strpos($copyright, '[nolink]') !== false)
    			{
    				$kriesi_at_backlink = "";
    				$copyright = str_replace("[nolink]","",$copyright);
    			}
    
    			if( $footer_widget_setting != 'nosocket' )
    			{
    
    			?>
    
    				<footer class='container_wrap socket_color' id='socket' <?php avia_markup_helper(array('context' => 'footer')); ?>>
                        <div class='container'>
    
                            <span class='copyright'><?php echo $copyright . $kriesi_at_backlink; ?></span>
    
                            <?php
                                echo "<nav class='sub_menu_socket' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";
                                    $avia_theme_location = 'avia3';
                                    $avia_menu_class = $avia_theme_location . '-menu';
    
                                    $args = array(
                                        'theme_location'=>$avia_theme_location,
                                        'menu_id' =>$avia_menu_class,
                                        'container_class' =>$avia_menu_class,
                                        'fallback_cb' => '',
                                        'depth'=>1
                                    );
    
                                    wp_nav_menu($args);
                                echo "</nav>";
                            ?>
    
                        </div>
    
    	            <!-- ####### END SOCKET CONTAINER ####### -->
    				</footer>
    
    			<?php
    			} //end nosocket check
    
    		}
    		else
    		{
    			echo "<!-- end main --></div>";
    		} //end blank & nofooterarea check
    
    		//display link to previeous and next portfolio entry
    		echo avia_post_nav();
    
    		echo "<!-- end wrap_all --></div>";
    
    		if(isset($avia_config['fullscreen_image']))
    		{ ?>
    			<!--[if lte IE 8]>
    			<style type="text/css">
    			.bg_container {
    			-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $avia_config['fullscreen_image']; ?>', sizingMethod='scale')";
    			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $avia_config['fullscreen_image']; ?>', sizingMethod='scale');
    			}
    			</style>
    			<![endif]-->
    		<?php
    			echo "<div class='bg_container' style='background-image:url(".$avia_config['fullscreen_image'].");'></div>";
    		}
    	?>
    
    <?php
    
    	/* Always have wp_footer() just before the closing </body>
    	 * tag of your theme, or you will break many plugins, which
    	 * generally use this hook to reference JavaScript files.
    	 */
    
    	wp_footer();
    
    ?>
    <a href='#top' title='<?php _e('Scroll to top','avia_framework'); ?>' id='scroll-top-link' <?php echo av_icon_string( 'scrolltop' ); ?>><span class="avia_hidden_link_text"><?php _e('Scroll to top','avia_framework'); ?></span></a>
    <div id="fb-root"></div>
    <!-- Yandex.Metrika informer -->
    <a href="https://metrika.yandex.ru/stat/?id=25691525&from=informer"
    target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/25691525/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
    style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:25691525,lang:'ru'});return false}catch(e){}"/></a>
    <!-- /Yandex.Metrika informer -->
    
    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter25691525 = new Ya.Metrika({id:25691525,
                        webvisor:true,
                        clickmap:true,
                        trackLinks:true,
                        accurateTrackBounce:true});
            } catch(e) { }
        });
    
        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";
    
        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
    </script>
    <noscript><div><img src="//mc.yandex.ru/watch/25691525" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->
    
    <!-- begin of Top100 code -->
    
    <script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?3038058"></script>
    <noscript>
    <a href="http://top100.rambler.ru/navi/3038058/">
    <img src="http://counter.rambler.ru/top100.cnt?3038058" alt="Rambler's Top100" border="0" />
    </a>
    
    </noscript>
    <!-- end of Top100 code -->
    <!--LiveInternet counter--><script type="text/javascript"><!--
    document.write("<a href='//www.liveinternet.ru/click' "+
    "target=_blank><img src='//counter.yadro.ru/hit?t52.6;r"+
    escape(document.referrer)+((typeof(screen)=="undefined")?"":
    ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
    screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
    ";"+Math.random()+
    "' alt='' title='LiveInternet: number of pageviews and visitors"+
    " for 24 hours is shown' "+
    "border='0' width='88' height='31'><\/a>")
    //--></script><!--/LiveInternet-->
    
    <!--bigmir)net TOP 100-->
    <script type="text/javascript" language="javascript"><!--
    bmN=navigator,bmD=document,bmD.cookie='b=b',i=0,bs=[],bm={v:16935163,s:16935163,t:3,c:bmD.cookie?1:0,n:Math.round((Math.random()* 1000000)),w:0};
    for(var f=self;f!=f.parent;f=f.parent)bm.w++;
    try{if(bmN.plugins&&bmN.mimeTypes.length&&(x=bmN.plugins['Shockwave Flash']))bm.m=parseInt(x.description.replace(/([a-zA-Z]|\s)+/,''));
    else for(var f=3;f<20;f++)if(eval('new ActiveXObject("ShockwaveFlash.ShockwaveFlash.'+f+'")'))bm.m=f}catch(e){;}
    try{bm.y=bmN.javaEnabled()?1:0}catch(e){;}
    try{bmS=screen;bm.v^=bm.d=bmS.colorDepth||bmS.pixelDepth;bm.v^=bm.r=bmS.width}catch(e){;}
    r=bmD.referrer.replace(/^w+:\/\//,'');if(r&&r.split('/')[0]!=window.location.host){bm.f=escape(r).slice(0,400);bm.v^=r.length}
    bm.v^=window.location.href.length;for(var x in bm) if(/^[vstcnwmydrf]$/.test(x)) bs[i++]=x+bm[x];
    bmD.write('<a href="http://www.bigmir.net/" target="_blank" onClick="img=new Image();img.src="http://www.bigmir.net/?cl=16935163";"><img src="http://c.bigmir.net/?'+bs.join('&')+'"  width="88" height="31" border="0" alt="bigmir)net TOP 100" title="bigmir)net TOP 100"></a>');
    //-->
    </script>
    
    <noscript>
    <a href="http://www.bigmir.net/" target="_blank"><img src="http://c.bigmir.net/?v16935163&s16935163&t3" width="88" height="31" alt="bigmir)net TOP 100" title="bigmir)net TOP 100" border="0" /></a>
    </noscript>
    
    <!--bigmir)net TOP 100-->
    <div id="yelp-biz-badge-plain-zScAJRejYOlU8GjNG_LrAQ"><a href="http://www.yelp.com/biz/alex-pavlov-real-estate-broker-marina-del-rey-3">Check out Alex Pavlov Real Estate Broker on Yelp</a></div><script type="text/javascript">(function(d, t) {var g = d.createElement(t);var s = d.getElementsByTagName(t)[0];g.id = "yelp-biz-badge-script-plain-zScAJRejYOlU8GjNG_LrAQ";g.src = "//dyn.yelpcdn.com/biz_badge_js/en_US/plain/zScAJRejYOlU8GjNG_LrAQ.js";s.parentNode.insertBefore(g, s);}(document, 'script'));</script>
    
    <div id="yellrank"></div>
    <script src="http://www.yell.ru/yellrank/yellrank.js/?cmp=10980453"></script> 
    
    </body>
    </html>
    
    #293420

    Hi,

    Open /config-templatebuilder/avia-shortcodes/portfolio.php and look for line (460-461):

    $output .= apply_filters('avf_portfolio_extra', "", $entry);
    $output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">";

    Replace it by this:

    $output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">";
    $output .= apply_filters('avf_portfolio_extra', "", $entry);

    And add this to the Quick CSS:

    .grid-entry a[rel='tag'] {
        text-transform: uppercase;
        float: left;
    }
    

    Regards,
    Josue

    #292357
    This reply has been marked as private.
    #292340

    Hey ShortieD!

    Thank you for using the theme.

    Please add a custom selector on the images inside the text block. Something like this:

    <img class="avia-img-fix" src="IMG URI HERE">
    

    After that, add this on Quick CSS:

    .avia-msie-8 .avia-img-fix {
    max-width: 211px;
    }

    Best regards,
    Ismael

    #284876
    yes9310
    Participant

    Hi,

    1. I enabled the custom class field for Advanced Layout Builder adding this line to the functions.php. I see the field now. Do I now need to create a child theme so it doesn’t get overwritten on Enfold updates?
    add_theme_support(‘avia_template_builder_custom_css’);

    2. I would like to be able to change the background color of mainly 3 content elements, the Special Heading, Text Block and Widget block. Can you tell me what I would need to type into the new Custom Css Class and then into the Quick CSS to do this? Shouldn’t all the elements already have a background color selector or image upload function? Love the Advanced editor. Also need a vertical Separator/Whitespace element.

    #284183
    yes9310
    Participant

    Hi,

    1. I enabled the custom class field for Advanced Layout Builder adding this line to the functions.php. I see the field now. Do I now need to create a child theme so it doesn’t get overwritten on Enfold updates?
    add_theme_support(‘avia_template_builder_custom_css’);

    2. I would like to be able to change the background color of mainly 3 content elements, the Special Heading, Text Block and Widget block. Can you tell me what I would need to type into the new Custom Css Class and then into the Quick CSS to do this? Shouldn’t all the elements already have a background color selector or image upload function? Love the Advanced editor. Also need a vertical Separator/Whitespace element.

    • This topic was modified 11 years, 6 months ago by yes9310.
    #277392

    In reply to: Place Image to bottom

    Hey icodemarchi!

    Thank you for visiting the support forum.

    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;
    

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');
    

    Edit any avia elements like the IMAGE element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-image”.

    Add the custom css class after the elements default selector. Something like this on your custom.css or Quick CSS:

    .avia-image-container.awesome-image {
    position: relative;
    bottom: -150px;
    }

    Adjust the bottom value if necessary.

    Refer to this link for more info: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

    #277358

    Hey!

    Thank you for the update.

    Actually, the images are there. The problem is, something, maybe a plugin is adding a 1px width and height attribute to the images.

    <img width="1" height="1" src="http://Philly-Sales.com/wp-content/uploads/2014/06/West-Philadelphia-Townhome.png" class="attachment-portfolio wp-post-image" alt="West Philadelphia Townhome">
    

    Please try to add this on Quick CSS or custom.css to fix the portfolio images on the home page:

    .avia-content-slider .slide-image img {
    min-width: 100%;
    }

    Go to the wp-content/plugins folder then rename or remove all plugins folder then test the portfolio item’s featured image. The featured image is there but again, the 1px width and height attribute is being added.

    http://philly-sales.com/wp-admin/post.php?post=4410&action=edit&message=1

    Best regards,
    Ismael

    #276319

    In reply to: Form Styling

    Hi!

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

    input#mc4wp_email { width: 30% !important; float: left; margin-right: 10px !important; }

    2- Please add a Code Block element above your images and add following code inside it

    <form action="http://www.savelolly.com/" id="searchform" method="get" class=""><div> <input type="submit" value="" id="searchsubmit" class="button avia-font-entypo-fontello"> <input type="text" id="s" name="s" value="" placeholder="Search"></div></form>

    Then you can turn on custom CSS field for ALB elements and add a custom class to your Code Block element, i.e. “custom-search-form” and add following code to Quick CSS in Enfold theme options under General Styling tab to adjust it

    .custom-search-form input#s { padding: 20px 80px 20px 20px !important; }

    Best regards,
    Yigit

Viewing 30 results - 511 through 540 (of 612 total)