Forum Replies Created
-
AuthorPosts
-
by the way there is a possibility to not shrink to the half but f.e to 60%
changings the rest wil be as it is:
.logo img { height: 161% !important; max-height: 142px !important; } @media only screen and (max-width: 767px) { .responsive .logo { display: block ; } .logo img { height: 161% !important; max-height: 129px !important; } }it is a bit bigger to have some quality.
pull the browser window a bit smaller till the burger menu appears.
That is the behavior !these are the quick css entries:
#header_main { border-bottom: none; box-shadow: 0 8px 5px -5px #999; } .responsive .logo { display: block; } .logo, .logo a { overflow: visible; } .logo img { height: 160% !important; max-height: 130px !important; } @media only screen and (max-width: 767px) { .responsive #top .logo { display: block } }if you have placed the code and image we will see how to adjust for your settings – do i have a link?
well first of all this is a little image trick with a png file – if you click to see in lightbox you will see how it is looking like:

only the bottom is transparent and has a shadow surrounding that transparency.Download: (drag and drop from lightbox to your desktop) https://s18.postimg.cc/5znaf2kg7/Unite4.png?dl=1
-
This reply was modified 7 years, 8 months ago by
Guenni007.
There is only one thing missing – an if clause – if comments are allowed .
Because if not there will be an empty container but with dimensionswell i do not know if there is a shorter cleaner code for a or b but alway c
try this please:add_filter('avf_template_builder_content', 'avf_template_builder_content_comment_mod', 10, 1); function avf_template_builder_content_comment_mod($content = "") { if(is_singular('post') && comments_open() || is_singular('portfolio') && comments_open() ) { $comment = do_shortcode("[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='30px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#efefef' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' custom_class='custom-class'][av_comments_list av-mini-hide='aviaTBav-mini-hide' custom_class=''][/av_one_full]"); $content = $content . $comment ; } return $content; }this comes as always in the functions.php of your child theme – you only have to look for the shorcode you like to have in the postings.
Create your comment alb element with the surroundings you like to have – with all screen options and so on – aktivate the debug mode and notice the shortcode generated. this comes to the do_shortcode input field.
From that time on you have always under the content your comments field – if comment are open.i will tell you soon – i’m still on a project and have no time yet – maybe in half an hour.
but the commentfunction has to be activated:
add_filter('avf_template_builder_content', 'avf_template_builder_content_social_mod', 10, 1); function avf_template_builder_content_social_mod($content = "") { if(is_singular('post') || is_singular('portfolio')) { ob_start(); avia_social_share_links(array(), "," , false); $social = ob_get_clean(); $comment = do_shortcode("[av_comments_list av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='']"); $content = $content . $social . $comment ; } return $content; }if you only want the comments under the content: ( i will look to embed this in some divs that it will look better )
add_filter('avf_template_builder_content', 'avf_template_builder_content_comment_mod', 10, 1); function avf_template_builder_content_comment_mod($content = "") { if(is_singular('post') || is_singular('portfolio')) { $comment = do_shortcode("[av_comments_list av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='']"); $content = $content . $comment ; } return $content; }PS : you have to look what shortcode fits to your gusto- ( screen options)
this is for hide on small and mini with custom class:[av_comments_list av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' custom_class='custom-class']or more styled with a 1/1 full container you can take this as shortcode etc. pp
[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='30px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#efefef' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' custom_class='custom-class'][av_comments_list av-mini-hide='aviaTBav-mini-hide' custom_class=''][/av_one_full]is there no posibility to add this to alb generated posts / events via avf_template_builder_content filter ?
there was a snippet which adds the social share buttons under even alb generated posts, portfolio ( events etc.)
maybe there is a way to have comment functionby the way avf_header_setting_filter can be used to give one page a unique header style:
Nice things f.e. for a portfolio page to have that design
add_filter('avf_header_setting_filter','av_change_header_style'); function av_change_header_style($header){ if( is_front_page() ){ $header['header_position'] = "header_right header_sidebar"; } return $header; }take please your is_page(15) this works definitly
or i dont know why:
add_filter('avf_header_setting_filter','replace_transparent_logo_on_homepage_only'); function replace_transparent_logo_on_homepage_only($header) { if( is_front_page( ) ){ $header['header_replacement_logo'] = "http://adamwolfpt.pcscloudsolutions.com/wp-content/uploads/adam-wolf-pt-logo-color-transparent.png"; } return $header; }normaly is_home( ) should work if the front-page is a page ! you can see it in your source code that the startpage gets the home class ???
Try this instead:
add_filter('avf_header_setting_filter','avf_header_setting_filter_mod'); function avf_header_setting_filter_mod($header) { if( is_home( ) ){ $header['header_replacement_logo'] = "http://adamwolfpt.pcscloudsolutions.com/wp-content/uploads/adam-wolf-pt-logo-color-transparent.png"; } return $header; }by the way if you have a post as landing page it must be is_frontpage
and the function name is free in use – sometimes a bit more meaningfull is better
add_filter('avf_header_setting_filter','replace_transparent_logo_on_homepage_only'); function replace_transparent_logo_on_homepage_only($header) { if( is_home( ) ){ $header['header_replacement_logo'] = "http://adamwolfpt.pcscloudsolutions.com/wp-content/uploads/adam-wolf-pt-logo-color-transparent.png"; } return $header; }-
This reply was modified 7 years, 9 months ago by
Guenni007.
April 10, 2018 at 3:09 pm in reply to: Issue with Sidebar being pushed to the bottom of page #939893can you please show me the page where you have besides a grid row a sidebar? i can not reproduce it
if you need further assitance – feel free to e-mail me
if you see it in the backend and if you see it on mobile – i guess you have a heading setup on that page with transparent or glassy header !
on mobile these option is lost and a normal header is visible instead – so you see the enfold options logo then.
on desktop the logo in enfold – header – transparency options is taken. This is an alternative logo for glassy or transparent header . Have a look if there is one set.so here is the code to have a bit more bigger lightbox:
.mfp-container { text-align: inherit; position: absolute; width: 90vw; height: 50vw; left: 50%; transform: translateX(-50%); padding-top: 50px; } .mfp-iframe-holder .mfp-content { max-width: 100%; width: 100% } div.avia-popup .mfp-close { right: 5px; top: 5px !important; background: #900; border: 2px solid #ffee00; }kann ich hier deutsch schreiben ?
1. download von pastebin : https://pastebin.com/dl/CHZuH4hA
2. umbenennen nach shrink_fix.js
3. in deinem child-theme einen ordner erstellen js ,
4. das file shrink_fix.js in diesen ordner hochladen.
5. das folgende in die functions.php des child-themes:
a) Laden der neuen Header-Height funktion:function include_shrink_fix() { wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/shrink_fix.js', array('jquery', 'avia-default'), 2, true ); } add_action( 'wp_enqueue_scripts', 'include_shrink_fix', 100 );b) zwei neue Logos setzen, und später wird das in Enfold gesetzte Logo ausgeblendet
Pfade, Namen und ggf Link des zweiten logos anpassen !function add_logos($logo) { $logo .= '<span class="logo first-logo"><a href="/">' ; $logo .= '<img src="/wp-content/uploads/hs-logo.jpg"/>'; $logo .= '</a></span>'; $logo .= '<span class="logo second-logo"><a href="https://url-nach-draussen" target="_blank">' ; $logo .= '<img src="/wp-content/uploads/update-logo.jpg"/>'; $logo .= '</a></span>'; } return $logo; add_filter('avf_logo_final_output', 'add_logos');das ins quick css:
.logo:first-child, .responsive .logo:first-child img{ display: none } .responsive #top .logo { height: inherit !important; position: relative} .logo.first-logo { z-index: 3} .logo.second-logo { z-index: 3} .logo.second-logo {37%} .logo.second-logo a {float: left} .logo.first-logo img, .logo.second-logo img {display: block} @media only screen and (max-width: 990px) { div .logo {position: relative !important;} .responsive .logo.second-logo a {float: left; margin-left: 0px !important } .logo.first-logo img, .logo.second-logo img{ max-width: 250px} } @media only screen and (max-width: 768px) { .logo.second-logo { left: 3% !important } } @media only screen and (max-width: 468px) { .logo.first-logo img, .logo.second-logo img{ max-width: 200px} .logo.second-logo { left: 0 !important } }die Anweisung mit dem Z-index ist hier nicht nötig. War bei drei Logos mit einem in der mitte nützlich. – kann also weg
Es werden sicherlich noch Anpassungen dann nötig sein; zB weil ich in der Testseite eine ander Header Höhe hatte.
Eventuell downloadest du die Logos von meiner Seite :
logo first-logo
logo second-logoApril 9, 2018 at 1:55 pm in reply to: Single event title in Events Calendar H2 instead of H1 #939192your welcome
so now have a look at: https://webers-testseite.de/two-logo-header/
If this meets your needs, I’ll be happy to describe how it works
ich schreib jetzt mal deutsch – geht mir besser damit.
Momentan teste ich das mit dem shrink event zu verknüpfen.
Also beide logos sind momentan links – soll sich aber ändern.yes but these are one logo
first you have to split it into two separate logos –
try to get same outer dimensions – best will be if the height is the samesee link above with your logos-
now i have placed the update logo in the center – on scrolling it goes to the left
but i will see if it is possible to take the shrink calculation to have that the shrinking way not on reaching the header-scrolledSorry Sigmund – long time ago – did you try that ?
here is a new example with two logos – i think you like to have those logos both to the left
https://webers-testseite.de/two-logo-header/both do shrink and on responsive case they go under each other.
so this would be a great thing with svg – but that little subtext – even if it is sharp will be not good readable.
i see you have for that spinning logo an alternative logo.
Is it possible to have for the web f.e.:

PS : it does not make any sense to have a very big image scaled by wordpress to a small one.
It is better (not only on perfermance reasons) to reduce the size to the exact starting dimension which you need ( 250px x 88px )
Graphic Programs do have better algorithms to scale images for web than wordpress can do.What Font do you have used for your logo ( is it Avalon ? – or Avant Garde Gothic ). – Or do you have your logo as Illustrator File ?
So we can check my statement with the svg fileOr maybe this could be an option for you:
https://webers-testseite.de/cynthia/unite4-2/yes for example now you have on “Equipment Rental & Setup” an image – go to that image alb element and set a manual link on that image.
Paste f.e.https://www.youtube.com/watch?v=w4b3T93SZQg?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0&iframe=truein to that manual link and see if the result is what you like to have.
By the way the dimension of that lightbox can be adjusted if you likeplease a link or the way you set up that button row
Layout screenshot f.e.or try with body#top etc.
because the original button rule starts on body too:
body div .avia-button …body#top .avia-button.avia-size-x-large { padding: 25px 25px 23px; font-size: 18px; }maybe an !important is necessary on those rules
best would be to be more specific to have a custom class on it
can we see the logo ? ( or link to page ) – is it possible to have instead a svg ?
April 8, 2018 at 5:59 pm in reply to: Enfold Masonry gallery image hover rollover for tablets ipads smartphones #938848Edit : oh wow – did not know that content: attr(title) works !
https://css-tricks.com/css-content/
-
This reply was modified 7 years, 9 months ago by
Guenni007.
April 8, 2018 at 5:30 pm in reply to: Single event title in Events Calendar H2 instead of H1 #938846this to functions.php of your child theme
function replace_h2_on_single_events(){ ?> <script> (function( $ ) { $(document).ready(function() { $('.av-single-event-content h2').replaceWith(function(){ $newTag = $("<h1>", {html: $(this).html()}); $.each(this.attributes, function(i, attribute){ $newTag.attr(attribute.name, attribute.value); }); return $newTag; }) }); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_h2_on_single_events');all attributes of the former h2 will stay on position !
so if you like to do it via this way – change back the changing on source code of single event. The next update will do that too.
This functions.php solution is then regardless from updatesEdit:
This is a nice replace script an easier to understand – you can add different rules here
function replace_tags_with_tags(){ ?> <script> (function($) { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('.av-single-event-content h2', '<h1></h1>'); // each replacement separated by semi-colon }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');-
This reply was modified 7 years, 8 months ago by
Guenni007.
April 8, 2018 at 4:40 pm in reply to: Single event title in Events Calendar H2 instead of H1 #938821this was my intend : if you replace all single-event headings with h1 – a masonry or a list of those events could cause that there are multiple h1 on one page – that is not good html programming. a H1 should always be unique – like an ID on one page.
A lot of plugins knows about that so it is on common not the case to have then in a list like here. https://kriesi.at/themes/enfold-church/events/ more than one h1.
Code changed – see the next answerit will do the trick – but i try to preserve the classe set on h2 to give to the h1 too
this code looks for a h2 following the av-single-event-content class and replaces it to a h1
i do not have a test environment here – so you could see if it does the job-
This reply was modified 7 years, 9 months ago by
Guenni007.
no – i think he likes to have a background-image on footer (not socket) behind the widget ( and he only has one column there)
and this is a bit easier than on socket
just use the Enfold Options on general Styling – Footer – put in a user background image and f.e. give only a usefull height to it
the background gets the cover option:#footer { min-height: 450px; } .footer_color { background-size: cover }see here: https://webers-testseite.de/cynthia/
-
This reply was modified 7 years, 9 months ago by
Guenni007.
in this case if you are sattisfied with no lines you can do instead:
pre { background: rgba(0, 0, 0, .7); color: #fff } -
This reply was modified 7 years, 8 months ago by
-
AuthorPosts
