Viewing 30 results - 134,791 through 134,820 (of 142,897 total)
  • Author
    Search Results
  • #214584

    Hi!

    The css from ismael is not in your quick css that I can see. Instead you have:

    
    
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    #top div .avia-gallery img {
    max-height: 333px!important;
    }
    }
    

    Cheers!
    Devin

    #214577
    noble51
    Participant

    My client wants to use the Blue settings throughout the site to match the blue color of their logo – BUT in the top navigation when you mouse over the menu a thin line appears and then stays there if you choose that page – they want to make it a RED COLOR.

    Is this possible to change with CSS?
    Please… tell me it is possible b/c that’s what I told them. :)

    IF SO, what would that custom CSS be?

    Thanks in advance!

    Paul

    #214576
    This reply has been marked as private.
    #214570

    In reply to: "Post_gallery" filter?

    Hey!

    I still can’t modify the theme files. Please try to insert this code: https://kriesi.at/support/topic/post_gallery-filter/#post-213804 into your child theme functions.php file.

    Cheers!
    Peter

    #214567
    This reply has been marked as private.
    #214563
    This reply has been marked as private.

    Thanks for the reference, Yigit. I will try Werkpress.
    I’ve looked through the source of the theme and it did look doable to me.
    The admin panel looks super flexible as ALB.

    But on the other hand, I’ve seen lots of dependencies with css etc., in the source
    so I had doubts weather such a change would be possible at all.

    Thank you so much for you input.

    Hey!

    I would suggest you to give Enfold a try. It is one of the most flexible WordPress themes available and with the help of a freelance developer, you can make your website look and function the way you want. And if you use an existing theme, it would be faster and cheaper to finish your project. That is what i would do. You can request quote here or find a freelance developer from https://codeable.io/

    Cheers!
    Yigit

    #214542

    In reply to: Search on top menu

    This reply has been marked as private.

    Any ideas?

    #214528

    Hey,

    In narrow screens (like Ipad`s) the menu is hidden by the logo…

    I added the code above but it is not working properly…
    http://www.kuleski.co.il/

    Please Help :)

    Asaf.

    #214509

    yeah, I tried that, I’ve given the section a unique name, referred to it in the custom css, but it only seems to apply on smaller viewports, like ipad or mobile width… when my browser is in desktop it just shows the default height I choose in the editor (for instance 25% height)…
    when I make the browser smaller, it refers tot the height in the custom css.

    as for the background image: found out that this css did some of the trick for smaller viewports, but not exactly what I wanted…
    .avia-section
    {
    background-size:360%;
    }

    • This reply was modified 12 years, 2 months ago by maggie247.
    #214503
    This reply has been marked as private.
    #214494

    Sorry, its not about this topic, but cant send PM … so i do it that way :-)

    @ Glyyphism
    Still looking for grayscale google maps?

    Solution for u with the site u told us about (http://snazzymaps.com/style/15/subtle-grayscale )

    Open class-framework-widgets.php and search for

    var myOptions = {
    		  zoom:".$zoom.",
    		  mapTypeControl:true,
    		  mapTypeId:google.maps.MapTypeId.".$type.",
    		  mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    		  navigationControl:true,
    		  navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL},
    		  center:latlng		  
    		};

    replace it with:

    var myOptions = {
    		  zoom:".$zoom.",
    		  mapTypeControl:true,
    		  mapTypeId:google.maps.MapTypeId.".$type.",
    		  mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    		  navigationControl:true,
    		  navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL},
    		  center:latlng,
    		  styles: [{featureType:'water',elementType:'all',stylers:[{hue:'#e9ebed'},{saturation:-78},{lightness:67},{visibility:'simplified'}]},{featureType:'landscape',					elementType:'all',stylers:[{hue:'#ffffff'},{saturation:-100},{lightness:100},{visibility:'simplified'}]},{featureType:'road',elementType:'geometry',stylers:[						{hue:'#bbc0c4'},{saturation:-93},{lightness:31},{visibility:'simplified'}]},{featureType:'poi',elementType:'all',stylers:[						{hue:'#ffffff'},{saturation:-100},{lightness:100},{visibility:'off'}]},{featureType:'road.local',					elementType:'geometry',stylers:[{hue:'#e9ebed'},{saturation:-90},{lightness:-8},{visibility:'simplified'}]},{featureType:'transit',elementType:'all',stylers:[						{hue:'#e9ebed'},{saturation:10},{lightness:69},{visibility:'on'}]},{featureType:'administrative.locality',elementType:'all',stylers:[						{hue:'#2c2e33'},{saturation:7},{lightness:19},{visibility:'on'}]},{featureType:'road',elementType:'labels',stylers:[{hue:'#bbc0c4'},{saturation:-93},{lightness:31},						{visibility:'on'}]},{featureType:'road.arterial',elementType:'labels',stylers:[{hue:'#bbc0c4'},{saturation:-93},{lightness:-2},{visibility:'simplified'}]}]		  
    		};

    This works. Have fun :-)

    • This reply was modified 12 years, 2 months ago by docperi.
    #214490
    zerozendesign
    Participant

    Hi guys,

    I am starting this as its own thread since the other has apparently fallen off the radar. If you take a look at http://codelessme.com/casey/abstracts/ and /figures, on tablet and smartphone, the 4th row center image is displaying with a different height than the others. This is causing 2 white spaces to appear on tablet and smartphone. Ismael helps resolve on desktop, but these two issues still exist.

    I was provided with

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    #top div .avia-gallery img {
    max-height: 132px;
    }
    }

    on the 21st by Ismael, but it did nothing. Any more help would be greatly appreciated. This is the only speed bump keeping this project from completion.

    Thanks,
    David

    #214486
    This reply has been marked as private.
    #214455

    In reply to: Long Page Titles

    Hey KingConga!

    Please refer to my post here to move breadcrumbs under page title as it is on Kriesi.at https://kriesi.at/support/topic/long-titles-overlapping-breadcrumbs/#post-195768

    Regards,
    Yigit

    #214449

    Topic: main blog sidebar

    in forum Enfold
    jmalevic
    Participant

    Hello,

    Could you please advise on how to set the widgets for the main blog page (latest blog posts archive page).
    I know how to set widgets on pages, posts, forum pages or can set the “displayed everywhere” widgets, but can’t figure out how to set them for my top page which displays the latest blog posts.

    Thank you for your help.

    #214417

    Hey Coronacom!

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

    .page-id-739 .avia-builder-el-10 {
    margin-top: 50px!important; }

    Regards,
    Yigit

    #214416

    Hi!

    Can you try adding !important rule to force it as following?

    #top #payment label { font-size: 15px!important; }

    Regards,
    Yigit

    #214398

    That displays on the desktop version as well. I want to _only_ have the graphic show up on the mobile version…

    Thanks Devin,

    i found this option, but it has no effect so far.

    I did select “Define custom link” and put the Link to the portfolio entry.. No effect so far.
    I Use “slideshow” to display an image there (only one would be enough)

    http://www.virtuelle-touren.de/portfolio/

    Is there a way to set it generaly to usw the portfolioentrylink from the headline for the image shown in ajax?

    Best wishes
    Arne

    #214381
    Arne
    Participant

    Hey there,

    i would love to be able to set the Link of buttons or slides to display in an iframe/lightbox.

    See my link: http://www.virtuelle-touren.de/portfolio-eintrag/lippeschutz-bevoelkerungsschutz-kreis-lippe/
    I would love to make the tour (linked in the Slider) open in an iframe such as the Link “PC/Desktop: Tour öffnen” wich is on the same page a little way down.

    How can i do that?

    • This topic was modified 12 years, 2 months ago by Arne.
    #214347
    moggiex
    Participant

    Howdy,

    Looking at the demo site here on these pages:

    http://kriesi.at/themes/enfold/shop/
    http://kriesi.at/themes/enfold/product/zoku-trioquick-pop-maker/

    There are some differences to what happens in reality with the enfold theme and a vanilla installation of Woocommerce.

    For example the product list page shown here http://kriesi.at/themes/enfold/shop/ has a custom side bar, without the common sidebar being added and a dedicated sidebar which isn’t elsewhere on the demo.

    How was this achieved?

    Also in reality, the sidebar appears under the product details (see CSS hiding suggestion here) not to the right hand side and is exactly what happened on our site too.

    What did you do to make these pages look how they do?

    Matt

    #214346

    In reply to: Post grid

    Hmmm, if I reduce the browser window,
    margin-top of one_third grid does not work….

    #214340

    In reply to: Post grid

    Perfect!!
    Thank you!

    This is my custom css, including a margin-top control:

    div .av_one_third {
    margin-top: 2%;
    margin-left: 2%;
    width: 32%;
    }

    I have a last thing to adjust, that is the margin-top of a slideshow:
    it is on one column, above of slideshow (710px) I have an image (710px, that is one column bar).

    I found a couple of css to do it, but these css increase also the distance from the top of the content area…
    Have you a suggestion?

    #214339

    Ok thanks this solve the prob of the title Link (Post Link: https://kriesi.at/support/topic/blog-post-title-removed-when-link/#post-214324)

    But the other links inside the post M-Pass-02 format “link” didn’t work :

    lieu de résidence links to http://epsu-cj.eu/ in place of http://epsu-cj.lu/pdf/M-passFR.pdf
    – the pdf icon didn’t link anymore…

    Thanks fo your patience ;)….

    #214333
    Pixelbits
    Participant

    I was looking for a different onhover effect for the Enfold portfolio. With the help of some Googling I changed the arrow to a slideover-excerpt-text effect.

    To change this you have to know how to code – preferably in a child theme that you can download here:http://bit.ly/enfold-child

    Example of onhover effect:
    http://i40.tinypic.com/ndvqpz.jpgimage effect example

    What did i change:
    PORTFOLIO.PHP (Version: 2.4.5)

    New code:
    somewhere from line 395 (fullwidth portfolio) I changed some settings and added some classes. This is not very clean code but it can help you achieve this very easily.

    else
                    {
                        $extraClass .= ' default_av_fullwidth ';
    
                        $output .= "<div data-ajax-id='{$the_id}' class=' rozepitem grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>";
    	                $output .= !empty($excerpt) ? "<a href='{$title_link}' title='".esc_attr(strip_tags($title))."'><div class='rozeptxt grid-entry-excerpt entry-content' ".avia_markup_helper(array('context'=>'entry_content','echo'=>false)).">".$excerpt."</div></a>" : '';
        
                        $output .= "<article class='main_color inner-entry' ".avia_markup_helper(array('context' => 'entry','echo'=>false)).">";
    					
                        $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].">";
                        $output .= !empty($title) || !empty($excerpt) ? "<div style='z-index:100;box-shadow: 0px -5px 20px #888888;' class='grid-content'><div class='avia-arrow'></div>" : '';
    
                        if(!empty($title))
                        {
                            $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false));
                            $output .= '<header style="z-index:100;" class="entry-content-header">';
                            $output .= "<h3 class='grid-entry-title entry-title' $markup><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>";
                            $output .= '</header>';
                        }
                        $output .= !empty($title) || !empty($excerpt) ? "</div>" : '';
                        $output .= '<footer class="entry-footer"></footer>';
                        $output .= "</article>";
                        $output .= "</div>";
                    }
    
    				$loop_counter ++;
    				$post_loop_count ++;
    				$extraClass = "";
    
    				if($loop_counter > $columns)
    				{
    					$loop_counter = 1;
    					$extraClass = 'first';
    				}
    			}

    Then i added a jQuery part in a JS file (e.g. shortcodes.js):

    $('.rozeptxt').animate({
          opacity:'0',
          top:'300px',
        });
    
    $('.rozepitem').hover(  
      // Over
      function(){     
    	$(this).find('.rozeptxt').animate({
          opacity:'0.9',
          top:'0px',
        });
    
      }
      ,  
      // Out
      function(){
    	$(this).find('.rozeptxt').animate({
          opacity:'0',
          top:'300px',
        });
    
      }
    );
    

    In the custom CSS-field I added this:

    
    .image-overlay { display: none!important; } 
    
    .entry-title {font-weight:bold;font-size:13pt;}
    
    .rozeptxt{color:#7c6853;font-size:13pt;position: absolute;top:0px;left:0px;
        background: rgba(255,255,255,0.9);width: 100%;height: 100%;z-index:50;padding:20px;}
    
    .rozepitem{display: block;float: left;
        position: relative;overflow:hidden;}
    

    I know the code can be a lot cleaner, but i saw other people wanting this – so maybe this helps them create something awesome.

    • This topic was modified 12 years, 2 months ago by Pixelbits. Reason: example image effect added
    #214325

    Hey!

    For a temporary fix you can try to insert this code at the very bottom of enfold/js/avia.js:

    
    (function($){
        $(document).ready(function()
        {
            setTimeout(function(){jQuery('body').AviaCcrollCorrection({duration: 1000});}, 1500);
        });
    })( jQuery );
    
    // -------------------------------------------------------------------------------------------
    // Scroll correction which removes the height of the menu if necessary
    // -------------------------------------------------------------------------------------------
    
    (function($)
    {
        $.fn.AviaCcrollCorrection = function(options)
        {
            var defaults =
            {
                duration: 500,
                easing: 'easeInOutQuint'
            };
    
            var options = $.extend(defaults, options);
    
            var fixedMainPadding  = parseInt($('.fixed_header #main').css('padding-top'),10) / 2 || 0;
            fixedMainPadding += parseInt($('html').css('margin-top'),10);
            var hash = window.location.hash;
    
            if(hash != '' && hash != '#' && hash != '#prev' && hash != '#next')
            {
                var container = $(hash);
    
                if(container.length)
                {
                    if(container.offset().top > fixedMainPadding)
                    {
                        var target = container.offset().top - fixedMainPadding;
                        $('html:not(:animated),body:not(:animated)').animate({ scrollTop: target }, options.duration, options.easing);
                    }
                }
            }
        };
    })(jQuery);
    

    Cheers!
    Peter

    #214324
    This reply has been marked as private.
Viewing 30 results - 134,791 through 134,820 (of 142,897 total)