Viewing 30 results - 83,851 through 83,880 (of 142,641 total)
  • Author
    Search Results
  • steviger
    Participant

    Hi,
    For a new project I’d like to have the logo left, menu below and an extra widget on the right hand side as shown here.
    I’m using a child theme and I tried the following:
    Read the instructions here
    Looked at this tread

    Placed this code in my style.css of my child theme:

    #header .widget {
    height:200px!important;
      right: 0!important;
      top:20px!important;
      padding: 0!important;
      position: absolute!important;
      z-index: 999!important;
    }

    And placed this code in my functions.php of my child theme:

    add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
    	dynamic_sidebar( 'header' );
    }

    Could you point me in the right direction so I can make it look like the preview?

    Thanks in advance!

    Regards,

    Steven

    Hey Mike,

    Removing the animation does not solve the problem of stacking some image on top of another image when you refresh the page.

    Regards,
    pandaweb

    #750436
    GSM
    Participant

    I like the lazy load effect and used it for many elements of our homepage. Most pages have sub-menus to navigate on site via anchors.

    When the visitor scrolls down the page the first time, he/she sees the desired lazy loading effect.

    When the visitor loads the page and uses the sub-menue to navigate to content at the bottom of the page, it takes quite a while until the elements appear. Reason seems to be that all the lazy elements are loaded top to bottom in sequential order and if the page is long it takes a while until all (actually not visible) elements above the desired content are loaded.

    There’s also a further lazy load issue when combining anchors and masonry galleries. As the galleries expend with loading its content/pictures, quite often the anchor content moves out of focus. Only when all the content has been loaded the anchor works correctly.

    What I was wondering is whether there’s a way to speed up the loading of these hidden elements? So that there’s just the regular wait for the elements of the anchored bottom elements.

    #750422

    In reply to: Show excerpt

    Hi Nikko,

    We do not want to use the ‘read more’ tag because of the duplicate content problem for SEO.
    So we want to use the excerpt.

    We found an answer here already, now hoping the design issue can be fixed also:

    #750407

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #750402

    In reply to: Need help New Design

    Hi,

    You should be able to import the font via quick css. Add this to the top of the field:

    @import url(‘https://fonts.googleapis.com/css?family=Poppins‘);

    And, as for your other question you can add css on individual pages and posts by targeting their unique ids.

    Best regards,
    Jordan Shannon

    #750391
    xavierphilippe
    Participant

    Hello
    I’d like to setup a top main menu that provides links to internal section in the home page.
    this is the way I try to reproduce : http://www.gel-rossignol.com/#lequipe
    and this is above my under construction web wite

    I try with such key word
    <h1>Team</h1>

    but, the problem I meet is:
    1/ the title is underline
    2/ the wrong menu is highlighted in red the top menu

    thanks in advance to give me the “best practice”

    Rgds

    xavier

    #750379

    In reply to: Need help New Design

    Hey Ron,

    I added the following block to quick css:

    #av-layout-grid-1{
    margin-top:-50px !important;
    }

    .responsive .container {
    max-width: 100% !important;
    }

    This should fix the white bar at the top and the logo issue.

    Best regards,
    Jordan Shannon

    #750377

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top.page-id-1131 #wrap_all .av-subnav-menu .av-menu-button-colored.menu-item-top-level-1 > a .avia-menu-text,
    #top.page-id-1177 #wrap_all .av-subnav-menu .av-menu-button-colored.menu-item-top-level-2 > a .avia-menu-text,
    #top.page-id-1181 #wrap_all .av-subnav-menu .av-menu-button-colored.menu-item-top-level-3 > a .avia-menu-text,
    #top.page-id-1188 #wrap_all .av-subnav-menu .av-menu-button-colored.menu-item-top-level-4 > a .avia-menu-text {
        background-color: #ccc;
    }

    Just adjust the background color as you see fit. Hope this helps :)

    Best regards,
    Nikko

    #750362

    Hey bridgeway04!

    Thank you for using Enfold.

    Looks like you managed to adjust the vertical position of the title with the following css modification.

    .title_container h1.main-title.entry-title {
        top: 0px;
    }

    If you want to remove the “Permanent Link:” text, please add this in the functions.php file:

    function ava_custom_script_mod(){
    ?>
    <script>
    (function($){
    	function a() {
    		$('h1.main-title.entry-title a').each(function() {
    			var oldtitle = $(this).attr('title'),
    				newTitle = oldtitle.replace('Permanent Link: ', '');
    
    				$(this).attr('title', newTitle);
    		});
    	}
    
        a();
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'ava_custom_script_mod');

    Cheers!
    Ismael

    #750357

    Hi,

    Sorry for the delayed response.

    1. Since there are only few options to make things simple, that’s why changing a few options would make a large change to make things uniform. Try adding this css code for buttons in Quick CSS (located in Enfold > General Styling):

    #top .main_color .avia-button {
        color: #fff;
        background: #72c7ce;
        border: 0 !important;
    }

    For links in text try this css code:

    #main a {
        color: #222222;
    }

    For footer try:

    #top #socket a {
        color: #ffffff;
    }

    2. Is this on the homepage? try to remove the changes you made for this and also tell us what you want to achieve, something visual would be more helpful.

    Best regards,
    Nikko

    #750355

    Hey dhobbs1978,

    Add the following into the Quick CSS section and let me know if this works.

    @media only screen and (max-width: 479px){
    .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 11px !important;
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait){
    responsive #top .slideshow_caption .avia-caption-content {
    font-size: 11px !important;

    Best regards,
    Jordan Shannon

    #750345

    Topic: Need help New Design

    in forum Enfold
    Ron
    Participant

    Hi Guys have created new design but am having issues, I need the orange buzinga logo to be moved over and inline with the content in the first image and I am also seeing a white bar at the top of the site which needs to removed as well so only the top image is displayed then once scrolling the top bar will appear.

    The content area has a padding-left of 100px just need to get the logo to line up with that. here is a test page i set up – http://www.buzinga.com.au/ron-test/

    I would like to get it as close to this as possible
    Buzinga Screen Shot

    • This topic was modified 8 years, 11 months ago by Ron. Reason: updated info used a svreen shot to illustrate
    #750317

    Hey emilgandersson,

    Please refer to Josue’s post here: https://kriesi.at/support/topic/blog-post-excerpts-2/#post-169503

    Let me know if this is able to help you.

    Best regards,
    Jordan Shannon

    #750306

    In reply to: Small enhancement idea

    Hi!

    Thank you for using Enfold.

    You can use the “wp_dequeue_script” script to drop the script and then enqueue it again without the dependency but I’m not sure how it will turn out.

    // https://codex.wordpress.org/Function_Reference/wp_dequeue_script

    Example:

    // https://kriesi.at/support/topic/add-css-class-when-submenu-become-fixed-sticky-on-scroll-not-in-avia-js/

    You need to adjust the values. For feature request, please visit the following link.

    // https://kriesi.at/support/enfold-feature-requests/

    Regards,
    Ismael

    Hey!

    The image is small because the following css modification overrides it.

    ul.products.list li.product img {
        width: 30.75% !important;
        float: left;
        margin-bottom: 1.5em;
        -webkit-transition: none !important;
        margin-right: 3.8% !important;
    }

    If you want to move the title beside the image, add this code in the functions.php file:

    function ava_custom_script_mod(){
    ?>
    <script>
    (function($){
    	function a() {
    		$('#top div .products.list .product').each(function() {
    			var head = $(this).find('.woocommerce-LoopProduct-link'),
    				title = head.find('.inner_product_header'),
    				desc = $(this).find('div[itemprop="description"]');
    	
    				title.prependTo(desc);
    		});
    	}
    	
    	a();
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'ava_custom_script_mod');
    

    I’m sure you can handle the rest.

    Best regards,
    Ismael

    #750286

    Hey!

    It’s still serving the old version of the style.css file. You can still see this css declaration:

    #menu-dots li a {
        text-indent: -9999px !important;
        display: block;
        top: 3px;
        position: absolute;
        width: 8px;
        height: 8px;
    }

    Please purge the server or the cdn cache. Or deactivate it entirely while you’re working on the site.

    Regards,
    Ismael

    #750276

    In reply to: Child Main Menu

    Hi,

    Sorry have disappointed you. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #750264

    In reply to: Progress bar – Text

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #750259

    Hi,

    Thanks for the details. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .responsive #top #wrap_all .slide-entry {
        width: 48% !important;
        margin-left: 4% !important;
    }
    }

    Best regards,
    Rikard

    #750257

    Hi Barbara,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #750256

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    HI Andy,

    I tried to use this workaround but stopped when I realized I have to get back to the advanced editor mode for the blog layout.

    This can´t be the proper solution because I actually expect to have a theme like enfold to work properly in – in my opinion basic situation like my page.
    The structur of my page ist not unusual, more basic in my opinion. Would you be so kind a solve the problem with a standard blog layout? All my blogs are standard layout. I tried at first to switch to the advance editor layout for blogs but this means a lot mor css coding to get the same result like the standard editor mode for blogs. Getting back to the start I think your theme enfold should allow such basic layout modifications like mine without having to make workarounds for people like me who just want to create a homepage. This was that made me buy the theme.
    If you don´t know a solution could you discuss this problems with your colleage because I need a solution soon and the option to make masonary layout with 50 entries is not the first choice and would be somehow dissapointing to me in regard to the theme.

    Don´t get me wrong, I still like the theme a lot and the easy access to various things, but ………

    Best regards,

    DIeter

    #750245

    an update on this as I use AdSense on a blog http://www.bigboytravel.com with Enfold which gets 600,000 monthly visitors and it works great.

    I also recommend using a series of shortcodes for your add units which you can customize on the backend functions.php quickly to change them site wide. There have been times where new versions of WordPress have blocked AdSense script and without custom shortcodes I would have had a headache.

    float right in text example with custom shortcode of wp_ad_camp_1/

    function tall_r_shortcode() {
    ?>
       <div style=" float: right; margin: 5px; ">
       <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
       <!-- 300x600 Content -->
       <ins class="adsbygoogle"
           style="display:inline-block;width:300px;height:600px"
           data-ad-client="ca-pub-3xxxxxxxxxxxxxx"
           data-ad-slot="xxxxxxxx2"></ins>
       <script>
       (adsbygoogle = window.adsbygoogle || []).push({});
       </script>
       </div>
    <?php
    }
    add_shortcode('wp_ad_camp_1', 'tall_r_shortcode');

    can center a variation easy also

    function medium_m_shortcode() {
    ?>
       <center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
       <!-- 336x280 Content -->
       <ins class="adsbygoogle"
           style="display: block; float: center; width: 336px; height: 280px;"
           data-ad-client="ca-pub-3xxxxxxxxxxx"
           data-ad-slot="xxxxxxxxxx4"></ins>
       <script>
       (adsbygoogle = window.adsbygoogle || []).push({});
       </script></center>
    <?php
    }
    add_shortcode('wp_ad_camp_5', 'medium_m_shortcode');

    Keep in mind that if the code code is meant to by used at html or script you must open it with ?> and close it with <?php inside the function. If it is just live text fo some reason you don’t need to do that.

    Also a worth noting that doing short codes this way forces the Ad Unit to the top of the container it sits in although it does maintain it’s float, alignment, and padding. That means if you have a long article and want multiple Ads you need to break the page/content into multiple Color Sections or Grid Rows to avoid having all the Ads push to the top of the page. It’ll make sense when you try it, but is an easy fix.

    Hope that helps others
    Jon

    #750235

    Topic: Enfold Menu issues

    in forum Enfold
    JAIBRAR
    Participant

    hi i am using one page menu here on http://mcitycondospro.com/

    but when navigated to another section, all the menu links get highlighted.
    http://www.awesomescreenshot.com/image/2201732/f3ef76c5c9182b47facbd1e9364edd29

    i know there is solution for this to add links like #about instead of http://mcitycondospro.com/#about. But i want to use mixed use of links, for ex. an VIP ACCESS REGISTRATION button on the top opens on different page

    Thanks..

    #750230

    PS Based on another thread I saw from Yigit, I made sure the url is full length and still lightbox only opens in mobile, not in desktop:

    Thanks!!!!

    #750225
    frnlnz
    Participant

    hi, the theme works very well but there is only a thing that i can’t fix:
    I’ve created a page with a layer slider video at the top of the page, it works very well but in chrome it doesn’t appear
    thanks for support :)

    #750201

    Hi Andy,

    okay, I just figured it out. It’s a problem with the enfold child theme and the functions.php in the child theme. Don’t know why but with renamed functions.php (to functions.old) everything is fine. Also with enfold main theme. But it an empty functions.php exists in the child theme folder the topic description isn’t visible. All plugins are working properly – so it seems to be related to the child theme.

    Do you have a solution for this issue? I would like to use the child theme because of theme updates.

    Thanks & best regards,

    Jannik

    #750173
    tremblayly
    Participant

    Hi

    My client asked to add share buttons on the single product page. I found this thread: https://kriesi.at/support/topic/social-share-buttons-product-page/

    I added the code to my functions.php file and see the share buttons. However, I don’t get the text heading. Here’s what I have added to my functions.php file:

    // add social share buttons on single product page
    add_action(‘woocommerce_after_single_product_summary’, ‘avia_add_social_toolbar’, 1);
    function avia_add_social_toolbar()
    {
    if( is_singular( ‘product’ ) ) {
    $content = ‘<div class=”share_heading”>Share this Product</div>’;
    $content .= avia_social_share_links(array(), false, ”, false);
    $content .= ‘<div class=”hr”></div>’;
    }
    echo $content;
    }

    Did I miss something and that’s why the heading is not showing?

    Thanks
    Lyse

    #750172

    After installing WP smush I got it down to 34K but I still don’t understand why it doesn’t use my 27k version and makes a new bloated copy? Any way of stopping the layerslider of doing that?

    Cheers,

Viewing 30 results - 83,851 through 83,880 (of 142,641 total)