Forum Replies Created
-
Posts
-
Dieses Snippet oben : Link kommt in die child-theme functions.php
dann gehst du zum widget bereich und fügst den widgetbereich “header” hinzu:
Dann kannst du dort ein Image ALB platzieren in dem Widget ohne Titel ( notiere dir die Aspectratio ) ( in meinem Beispiel 472:1600 = 29.5% )
jetzt nur noch die Responsivität gewährleisten also widget area ohne padding und in 100vw breite höhe entsprechend der AspectRatio ( bei mir 29.5vw)
das img genauso.
Du muss dann natürlich die Seiten .page-id-36310 rausnehmen:
.page-id-36310 #header_main .widget, .page-id-36310 #header_main .widget img { padding: 0; width: 100vw; height: 29.5vw; } .html_top_nav_header.html_header_top.html_header_sticky #top.page-id-36310 #wrap_all #main { padding-top: calc(29.5vw + 85px); } @media only screen and (max-width:767px) { .responsive #top.page-id-36310 #main { padding-top:0 !important; } }Leider ist es so, dass wenn man den Header sticky hat der Bereich auch sticky ist.
wenn man den header auf scroll hat – scrollt es mit raus:
https://webers-testseite.de/kitten/have you a shrinking header? thats what i ask above.
these two classes are only present if there is a shrinking header.
( you know – i do not see private content area as participant )na ich dachte so als Webdesigner wüßte man wie ;)
Morgen mehr
Aber wie gesagt ohne die Seite zu sehen stoppt mein Support hier. Da musst du dann auf die Mods warten wenn Du es nicht öffentlich machen kannst.By the way: https://kriesi.at/documentation/enfold/?s=header
Selber lesen macht auch (nur) schlau ;) . Die Dokumentation ist wirklich gut.ich denke dann ist der beste ansatz: ein header widget bereich anzulegen:
/*********header widget ****************************/ add_action( 'ava_main_header', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { dynamic_sidebar( 'header' ); }and create a widget on widgets called “header” – insert your image there and style it via quick css
ich muss deine Seite sehen. – ins blaue hinein vermutungen anzustellen ist nicht zielführend.
Es wird aber mit der von Enfold festgelegten Verhalten für Header schwer. Denn die Position wäre entweder in header_meta als last-child oder in header als first-child – beide Positionen sind bei einem fixierten header schwer zu realisieren. Der Content (#main) muss ja auch noch die Info erhalten welches Padding es zu Top halten muss.you are welcome.
this is a nice way to pick out the enfold shortcode to select some layouts from the pages of a demo.
Because of the original insertions (image links – categories – postlinks etc. pp) – you only had to adjust the layout after import.sometimes on those xml datas the content starts with :
<wp:meta_value><![CDATA[{{{title}}}– copy only the enfold shortcode – without those curly brackets. ( Mostly it will start as mentioned above:<content:encoded><![CDATA[Also : die Header Sachen kannst du im Enfold Optionen Dialog unter dem Tab Header einstellen:
Header – Header Layout – Menu and Logo Position: Logo Top – Menu Below. ( kannst du hier sehen: https://webers-testseite.de/kontakt/ )
Dann wie oben beschrieben
habe es mal für Dich auf dieser Seite so gemacht ;)
Du siehst es kappt auch responsiv ( nur der Header nicht – weil ich auf meiner Testseite auch mit Headervarianten gespielt habe. – die anderen Seiten haben andere Header Layouts)you have to adjust now the content of the layout builder elements – because the links f.e. in it works if the link target is set to your targets.
And the icon-set is not in your installationThis is part of a demo site!
• activate the Debug Mode in Enfold by adding this to your child-theme functions.php
// Debug Modus Enfold add_action('avia_builder_mode', "builder_set_debug"); function builder_set_debug(){ return "debug"; }• Create a new page on your enfold installation – don’t forget to name it
• Enable the Advanced Layerslider Editor ( now you can see under the layout input area another one which shows you all the enfold shortcodes generated by the ALB Elements you pull into the avia layout builder – publish that page ( this is now an empty page generated with alb )• now find the shortcode of that demo page
– so all demo import options can be found at : enfold – includes – admin – demo_files
look on the demo page to get the name of the demo and look what the page is ( in your case: knowledgebase and the page is the home page.open that knowledgebase.xml with a good texteditor ( f.e. : sublime text on mac (or bbedit) – notepad++ for windows )
find : <title>Home</title>
the enfold shortcode of that page is sourrounded by:
<content:encoded><![CDATA[ here is the enfold shortcode ]]></content:encoded>i shorten it to the element you like to have with a color-section above that you can see the negative margin
copy that code inbetween :[av_section min_height='75' min_height_pc='25' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' custom_margin='0px' custom_margin_sync='true' custom_arrow_bg='' color='main_color' background='bg_gradient' custom_bg='' background_gradient_color1='#009efd' background_gradient_color2='#2af598' background_gradient_direction='diagonal_bt' src='https://kriesi.at/themes/enfold-knowledgebase/wp-content/uploads/sites/80/2018/10/hero-bg.png' attachment='221' attachment_size='full' attach='scroll' position='center center' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' id='search_section' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-jgasyq2w'] [av_heading heading='Customer Support <strong>& Knowledge Base</strong>' tag='h1' link_apply='' link='manually,http://' link_target='' style='blockquote modern-quote' size='42' subheading_active='' subheading_size='14' margin='' padding='0' color='custom-color-heading' custom_font='#ffffff' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-innvjb'][/av_heading] [/av_section] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='frontpage_grid' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-jgatvii1' custom_class=''] [av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-300px,0' row_boxshadow_color='' row_boxshadow_width='10' link='category,16' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-45nqm' custom_class=''] [av_font_icon icon='ue832' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg=''] [av_heading heading='Guides' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='5' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-6bvdunb'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0fj83' custom_class='' admin_preview_bg=''] <p style="text-align: center;">Tutorials for using the theme, building content and everything else!</p> [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='page,647' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-aage' custom_class=''] [av_font_icon icon='ue825' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg=''] [av_heading heading='FAQ' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-5mz86w7'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0gaz0' custom_class='' admin_preview_bg=''] <p style="text-align: center;">Frequently Asked Questions and beginners hurdles</p> [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='page,707' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-52c6' custom_class=''] [av_font_icon icon='ue82f' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg=''] [av_heading heading='Community' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-5hau2x3'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0gsih' custom_class='' admin_preview_bg=''] <p style="text-align: center;">Our every growing community where you will meet other awesome users</p> [/av_textblock] [/av_one_third][av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='category,15' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-45nqm' custom_class=''] [av_font_icon icon='ue820' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg=''] [av_heading heading='Getting Started' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-4o861fr'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0ha0h' custom_class='' admin_preview_bg=''] <p style="text-align: center;">If you are new to Enfold, start here with easy to follow tutorials</p> [/av_textblock] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='page,707' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight='aviaTBhighlight' highlight_size='1.1' border='' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_gradient' background_color='rgba(255,255,255,0.95)' background_gradient_color1='#2af598' background_gradient_color2='#009efd' background_gradient_direction='diagonal_tb' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-45nqm' custom_class=''] [av_font_icon icon='ue81c' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#ffffff' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg=''] [av_heading heading='Submit a Request' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#ffffff' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-4inadxj'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0hwwx' custom_class='' admin_preview_bg=''] <p style="text-align: center;">For any other questions and specific issues.</p> [/av_textblock] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='category,14' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-45nqm' custom_class=''] [av_font_icon icon='ue80a' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg=''] [av_heading heading='Downloads' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-445mdon'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0hwwx' custom_class='' admin_preview_bg=''] <p style="text-align: center;">The official Child Theme for Enfold, Plugins and useful Code Snippets</p> [/av_textblock] [/av_one_third] [/av_section]• that copied content you can insert into that input area below the layout builder:
publish then (update)
• now you see the layout builder element on top in that layout field.
• get rid of the stuff you don’t like to have
(• if you are familiar with the enfold shorcodes you can pick out only the parts you like to have before copying)by the way – this is not a flip grid element – it is a color-section with 1/3 columns in it (equal height) and no space between columns:
the first one of them (guides) has set a negative margin of -300px
über die lage des eingesetzten divs bin ich mir bei deinem Text nicht ganz klar wie du merkst.
Wo genau soll es denn nun hin? Oberhalb des Headers ? unterhalb der Navigation ? Eventuell gibst du mal den Link zur Seite raus.Je nachdem wohin damit könnte man auch einen hook verwenden. (ohne do_shortcode)
Bist du vertraut mit dem Child-theme umgang?
man kann auch html code direkt mit jQuery in ein Element als erstes Kind setzen . ( prepend )
Eine gute Stelle für dein Unterfangen wäre sicherlich als erstes Kind innerhalb von #main
das Styling könnte man auch über quick css machen – man kann es aber auch sofort im script setzen.wichtig für das responsive Verhalten ist die Kenntnis über das Seitenverhältnis deines Bildes.
wir setzen die Breite des eingefügten Containers auf volle Screenweite : 100vw
und die Höhe dann entsprechend der Bildseitenverhältnisse auf zB 50vw wenn das Verhältnis 2:1 istDies kommt in die Child-Theme functions.php:
function insert_as_first_child_in_main() { ?> <script> (function($){ $( '#main' ).prepend('<div class="after-header"></div>'); $('.after-header').css({ "background": "url(url-to-your-image.jpg)", "background-size": "cover", "background-repeat": "no-repeat", "width": "100vw", "height": "35vw", }) })(jQuery); </script> <?php } add_action('wp_footer', 'insert_as_first_child_in_main');PS : bei transparentem Header ist es dann natürlich auch unterhalb des headers ( wie das eben mit #main auch vorher war )
by the way if – you haven’t a shrinking header we could have set it to shrink but without shrinking amount ;)
that will be the next stepthe transparency logo is something different and would not work the way you like to have; because the transparency logo only is in place when the header is transparent. The transparency header is only there if the page isn’t scrolled – so viceversa you like to have.
Frist Question : has your site a shrinking header? – because if so you can use the classes that toggles on header by scrolling.
f.e. use the header-scrolled class for that#header:not(.header-scrolled) .logo { opacity: 0; }if you use for that the opacity option you can have a smooth goaway of your logo by heaving transition timing
may i see your site pleaseWith a WordPress theme that lives from the variety of design possibilities, however, it will always be accompanied by a large share of personal contribution.
If you have a fixed color scheme, it is easy to define a different color scheme as “Night Mode”.
But since everyone here in Enfold can create different color themes, it’s not as easy as it seems to be.
So my idea would be to add more settings for a darkmode ( so to speak a second general styling tab for dark mode) similar to the already existing color settings in Enfold, and then fade in a switch on the pages if needed.by the way we had this discussion already : https://kriesi.at/support/topic/dark-mode-2/#post-1142042
these Night Modes more or less uses the mix-blend -mode and that is something not supported from all Browser: Link
See here some infos to the script : https://darkmodejs.learn.uno/
you mean this:
and that should be under each post ( or portfolio too?)
maybe you can use that filter here : avf_template_builder_content
but it does only work if your single posts are made with advanced layout builder.it is used this way:
add_filter('avf_template_builder_content', 'avf_template_builder_content_mod', 10, 1); function avf_template_builder_content_mod($content = "") { if(is_single() || is_singular('portfolio') ) { $addendum = do_shortcode(" enfold shortcode place it here between "); $content = $content . $addendum ; } return $content; }you have to be carefull with the shortcode insertion – because this have to be a oneliner and inline styles are complicated to have – besides that you can not use fullwidth containers as color-sections or grid-rows – because otherwise the sidebar goes down under this.
how to get from enfold the enfold shortcode is known ?but you are running an actual php version on your hoster ( php 7.x ff.) ?
Because newer Enfold i think – needs newer php Versions – not php 5.xbut it should be the copyright info you inserted on media library? – and this should only be there on info reasons? – not as a watermark to prevent download and unwanted usage?
on background-images ( set by enfold as section-backgrounds?) – or defined by css as background?
where should the copyright info be displayed on galleries? – in lightbox besides the title – or where?well, that’s just two pairs of shoes.
We got now the possibilitiy to have on image alb a unique alt- and title-attribute. But demanding it for galleries is just something else. At ;) Divi it goes. So I think you should pull right away, but in the unmistakable way Enfold does – easier and more intuitive.Goto the menu settings dialog
- add to your main menu two home links
- open the top one of them to see the menu-item settings by clicking on that little arrow on the right of the menu list point
- you can now enter on navigation label an img src html like:
<img class="avia_image" src="/wp-content/uploads/logo.png" alt="logo" title="maybe your Domainname" /> - if you can not see in that menu item settings dialog the classes – you had to open on top of your window that flyout “Screen Options” and mark the needed fields
- that menu item gets now a meanigfull name f.e.: only-burger
- just a bit in quick css:
#avia-menu .only-burger.menu-item { display: none !important } - if you want to get rid of second home link on hamburger menu – you know what to do?
f.e. give a custom-class to that home menu-item : only-desktop - and have then for both : #avia-menu .only-burger.menu-item, #av-burger-menu-ul .only-desktop { display: none !important }
Thank you for your follow-up on this. I think I can currently only live with the image ALB having this option.
From my point of view this topic can be closed.You can’t use Youtube any more soon – at least not without your own account and upload there.
The commercials are just annoying and the many ads that are shown there are unbearable.
I think vimeo is laughing at this marketing policy.by the way the code couldn’t work because you changed the markup totaly – the ID etc .
there was first an ID of: #banner – now it is : #av_section_12
selector now is #av_section_12 .flex_column.av_one_fullSo if you like to see what happens :
#av_section_12 .flex_column.av_one_full { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; background-color: rgba(0, 147, 255, 0.5) !important; background-blend-mode: soft-light !important; }by the way – there are methods to have the grid-row not as full-width element.
make a custom link to your menu as last link on the menu!
Link Target – you know it better
Link Label : Order Now
Menu Style : Button Style Colored
Custom Class: menu-item-avia-special
see her: https://webers-testseite.de/ – look what happens to the button on opened hamburger !
styling of the button is quick css work.hm – yes no cookies but … all that google stuff :
this is an iframe embedded youtube video an the no-cookie version.
i think – no – not only on GDPR (DSGVO on german spoken Countries) Reasons.
With a selfhosted video this could be done.
https://webers-testseite.de/mute-unmute/
Besides these infos – the browsers do it all their own way.
Look (Listen) here on Enfold Fullwidth Easy Slider – it starts muted – and you can turn up the volume on player controls. https://webers-testseite.de/vimeo/
Listen here in a codeblock and with iframe – but it does not autostart on firefox (chrome does) : https://webers-testseite.de/vimeo-2/Guess Both ( second footer widget row and socket widget area ) is not needed.
Contrary to my intention to keep me a little in the background here, I wanted to update the old post again.
See in action: https://webers-testseite.de/guenni/#footerthis here is only needed if you like to have 6 Columns for Original Footer Widget too
the 6th column is sometimes set in the source code, sometimes not.
f.e. in the originally footer there is allready a case 6 prepared.
but on the /includes/admin/register-admin-options.php not (only 5 for original footer columns) – you can add it there ( from line 4346ff)$avia_elements[] = array( "slug" => "footer", "name" => __("Footer Columns", 'avia_framework'), "desc" => __("How many columns should be displayed in your footer", 'avia_framework'), "id" => "footer_columns", "required" => array( 'display_widgets_socket', '{contains_array}all;nosocket' ), "type" => "select", "std" => "4", "subtype" => array( __('1', 'avia_framework') =>'1', __('2', 'avia_framework') =>'2', __('3', 'avia_framework') =>'3', __('4', 'avia_framework') =>'4', __('5', 'avia_framework') =>'5', __('6', 'avia_framework') =>'6'));then you can do in /includes/admin/register-widgets-area.php:
//dynamic widgets #footer $footer_columns = avia_get_option( 'footer_columns', '6' ); for ($i = 1; $i <= $footer_columns; $i++) { register_sidebar(array( 'name' => 'Footer - column'.$i, 'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">', 'after_widget' => '<span class="seperator extralight-border"></span></section>', 'before_title' => '<h3 class="widgettitle">', 'after_title' => '</h3>', 'id'=>'av_footer_'.$i )); }and if you want to make it perfect – you can style the dummy widget data on the bottom for both ( socket and footer widgets) for case 6
by the way – here are the old files to have a second widget-area row in the footer from above ! ( the old ones are deleted)
See: Footer.php
Download: footer.php
Register via child-theme functions.php:function my_avf_option_page_data_add_elements( array $avia_elements = array() ) { $slug = 'footer'; $id = 'footer_columns'; $new_element = array( "slug" => "footer", "name" => __("Second Row of Footer Columns", 'avia_framework'), "desc" => __("How many columns should be displayed in your footer", 'avia_framework'), "id" => "footer_two_columns", "required" => array( 'display_widgets_socket', '{contains_array}all;nosocket' ), "type" => "select", "std" => "4", "subtype" => array( __('1', 'avia_framework') =>'1', __('2', 'avia_framework') =>'2', __('3', 'avia_framework') =>'3', __('4', 'avia_framework') =>'4', __('5', 'avia_framework') =>'5', __('6', 'avia_framework') =>'6')); $found = false; $index = 0; foreach( $avia_elements as $key => $element ) { $index++; if( isset( $element['id'] ) && ( $element['id'] == $id ) && isset( $element['slug'] ) && ( $element['slug'] == $slug ) ) { $found = true; break; } } if( ! $found ) { $avia_elements[] = $new_element; } else { $avia_elements = array_merge( array_slice( $avia_elements, 0, $index ), array( $new_element ), array_slice( $avia_elements, $index ) ); } return $avia_elements; } add_filter( 'avf_option_page_data_init', 'my_avf_option_page_data_add_elements', 10, 1 ); /*** Register new footer widget areas */ function footer_two_widgets_init() { $footer_two_columns = avia_get_option( 'footer_two_columns', '6' ); for ($i = 1; $i <= $footer_two_columns; $i++) { register_sidebar(array( 'name' => 'Second-Footer - column'.$i, 'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">', 'after_widget' => '<span class="seperator extralight-border"></span></section>', 'before_title' => '<h3 class="widgettitle">', 'after_title' => '</h3>', 'id'=>'av_footer_two_'.$i )); } } add_action( 'widgets_init', 'footer_two_widgets_init' );
