edit : read my last entry

• This reply was modified 8 years ago by Guenni007.

The snippet in Enfold Dokumentation works – but the place where it is inserted must sometimes be corrected (999)

add_action( 'wp_footer', 'enfold_customization_portfolio_linking', 999 );
function enfold_customization_portfolio_linking() {
?>
<script type = "text/javascript">
jQuery(document).ready(function(){
var p = getUrlParameter('custom_ajax');
//jQuery('.grid-links-ajax').avia_portfolio_preview();
jQuery('.post-entry-'+p+' .grid-image').click();
});
function getUrlParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++) 
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) 
        {
            return sParameterName[1];
        }
    }
}      
</script>
<?php
}

the link in your menu has now to be :

http://your.site.url/portfolio-page/?custom_ajax=2694

the url now has to be changed to your custom ajax id and url
determin the custom ajax id got to portfolio list view on dashboard – move your mouse over the portfolio you want to open – on browserwindow (firefox left bottom corner – you see now the ID in the link.

see here on test page: https://webers-testseite.de/ click on menu link “Portfolio-Page”

or do you mean you have used on a page the ajax-portfolio advanced layout element – and you want that it opens on first view a specific post (portfolio/event) ?

if it is in this way – you can look here : https://kriesi.at/support/topic/ajax-portfolio-on-main-menu-link/

you have to know the ID of your event! The rest is said on the post link above

But! this will turn absolutely every portfolio to that layout – even if you are setting on editor a different layout.

you can exclude some post id by:

add_filter('avia_layout_filter', 'avia_layout_filter_mod', 10, 2);
function avia_layout_filter_mod($layout, $post_id) {
    if( is_singular('portfolio')  && !is_single(28986)  ) {
        $layout['current'] = $layout['fullsize'];
        $layout['current']['main'] = 'fullsize';
    }
    return $layout;
}

you see here that portfolio with post id 28986 is not influenced – and than the settings will take place you had choosen on editor !

if you like to have a check mark in that section here is an edited section.php : download

create a subfolder to your child-theme : “shortcodes”

put this edited sections.php into this subfolder and add to your functions.php of your child-theme:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

looks this way:

btw: a general change of that field could end up in a big cacophony if there are more than 1 film on a page – so it is per default set to mute the video

maybe try it with:
i can not prove it because i do not see your site. So i suppose there is only a clerical mistake on the code above

.light-font-h3 h3 {
font-weight: 300!important;
font-family: "raleway" !important;
}

what code snippet do you use to create the header widget area?

Edit : if you are not happy with the behavior on responsive case with your solution ! give this a try:
this is a bit different hook point on enfold
this to functions.php of your child theme:

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

and this to quick css:

#header_main .widget {
    float: right !important;
    padding: 10px 0 20px;
    width: 30%;
}

#header_main .textwidget {
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    #header_main .widget {
    float: left !important;
    width: 100%
}
}

the widget will be a direct adjacent to logo container – and in responsive case it is under the Logo

• This reply was modified 8 years ago by Guenni007.

well – you can change in style.css of the parent-theme too the name – then on Dashboard – Appearance – Themes the changed Name is displayed under the screenshot.png’s (think of to upload new screenshots to make it right!) ( i tested it with name of the theme : elegant)

If an automated Update of Enfold works if this is done – i don’t know. i always prefer the ftp method (and don’t forget to edit the style.css of the parent theme !)

btw. i don’t know in which chronological order you made it. Importing parent settings only will work with that snippet above. So have a look if in your folder : wp-content/uploads/dynamic-avia/ there are those two files correlating each other ( in my case above elegant.css and elegant_child.css

:lol – i did not notice that.
But the site of debenm exists and the issue there is not solved ?
Nevertheless if you need more help on that feel free to ask furthermore

And yes – ismaels workaround will do the job, but if you have enabled the mime-type svg for upload – you can insert it the same way you did it with png. The only thing is to give the svg an absolute width or height.

By the way – you can see here the plugin working with the replacement of img src by the svg itself.
Hover it and you can see what kind of advantages are with this svg file instead – you can even adress every letter you like :lol:

https://webers-testseite.de/ikom

i see you have inserted the svg in logo field of Enfold Options so only give the img a size in quick css:

.logo img {
    width: 340px;
}

this will be enough on your problem because on shrinking header this solution will work too!

the 100% will not do the job

but i can completely recommend that little plugin: SVG-Support
from the activation of that plugin you can handle svgs like normal images – and with one great advantage – if you like (induces by giving the image a class) the <img src=… is replaced by the svg code instead. This has some great advantages – you can f.e. influence different path in that svg by css – you can make some hover effects etc.

i think we must do it via url split .
so that a jump to the url before the # can be done – and then after it the scroll to the ID can start – than like in my example above without changing that part before the #.

well for onepage solutions it works with this snippet – but to find a solution which does not change the url ( append #IDs) coming from a different site was difficult.

function scroll_without_hash() {
?>
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('a[href*="#"]').on('click', function(event) {
        event.preventDefault();
        var hash = this.hash;
        jQuery('html, body').animate({scrollTop: jQuery(hash).offset().top}, 900);
    });
});
</script>
<?php
}
add_action('wp_footer', 'scroll_without_hash');

you can jump from that site to the IDs and the url does not change.
you can jump to other sites – but:
you can not jump from start page to that anchors ( submenu 8-columns: Marke1 und contact)
i can not solve it (for now – i have to grill now for my family) :lol:

• This reply was modified 8 years ago by Guenni007.

Thanks – but the other way will work too.
But i like those snippets in functions.php because i don’t like to think of it when parent theme was updating, and having that bad feeling there might be changings on those edited files in child-theme folder.

how did you use the vimeo videos in your Enfold – via ALB Media Video or did you embed it as a background video?
What code did you use – the short one or that one from the “iframe-link” ?

new solution above . Only for functions.php child-theme nothing to copy or replace.

• This reply was modified 8 years ago by Guenni007.