Forum Replies Created
-
AuthorPosts
-
for 2)
btw: that is not a blog setting – blog is context index
these are archive pages.put this to your child-theme functions.php:
add_filter("avf_post_slider_args", function($atts, $context) { if( $context == "archive" ) { $atts['type'] = 'grid'; $atts['columns'] = 4; $atts['preview_mode'] = 'custom'; $atts['image_size'] = 'magazine'; // if you want to have different source Images for that setting } return $atts; }, 10, 2);
it is the green button under “Philosophie und Anspruch” – just a little styled to look like a button.
if you look to that via developer tools – you can switch positions by drag&drop – so that the toggle_wrap is before the toggler.
Doing that – the function is working and that is something that looks nice to me too.But : changing position inside toggles.php will not work that way:
$output = ''; $output .= "<section class='{$section_class}' {$markup_tab}>"; $output .= '<div role="tablist" class="single_toggle" ' . $this->create_tag_string( $toggle_atts['tags'], $toggle_atts ) . ' >'; $output .= "<div id='{$toggle_atts['custom_id']}' class='toggle_wrap {$item_contentClass} {$contentClass}' {$toggle_init_open_style} {$markup_answer}>"; $output .= "<div class='toggle_content invers-color {$item_inherit}' {$markup_text}>"; $output .= ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $content ) ); $output .= '</div>'; $output .= '</div>'; $output .= "<{$this->heading_tag} data-fake-id='#{$toggle_atts['custom_id']}' class='toggler {$item_titleClass} {$titleClass} {$item_inherit}' {$markup_title} role='tab' tabindex='0' aria-controls='{$toggle_atts['custom_id']}'>"; $output .= $toggle_atts['title']; $output .= '<span class="toggle_icon">'; $output .= '<span class="vert_icon"></span>'; $output .= '<span class="hor_icon"></span>'; $output .= '</span>'; $output .= "</{$this->heading_tag}>"; $output .= '</div>'; $output .= '</section>';
so there must be ( inside the js file ?) a selector that needs the DOM ( first toggler then toggle_wrap ) Structure ( like .next) but i only found one – and changing it to previous will not work.
Edit: oh sorry – i should have searched for the opposite of .next() in my memory it was previous – because previousSibling was still anchored in my memory bank.
jQuery is of course : .prev()
And now you can see what i mean on that page.It is a better effect with the toggler than realising it via ‘Fold to Container Height’ on text-block. With the toggler you have better control over what is shown and what is not – at any screen width.
by the way – the source site of evidenz.de is an Enfold site too. Maybe you can ask them what you should do to hamper that scrolling.
The script is small enough to not load from their site- download it – make some change to the script and compress it (f.e. on https://jscompress.com/) to have a minified version of it. enqueue that minified script from your own server.so it is not a second menu meant but a different one ?
ok – that is something different. But i think the script does not work as it should anyway.
because a modal window should actually be created – right?
” // PG: this version of the js-file handles the modal without the need of jQuery ”Then the scroll position of the modal window makes sense. And mike pointed out where the code is for doing that.
For me it looks like the modal should open on page load – and the top of that iframe inside the modal window is then on top.
But there is no modal window.can you please post the code of the code-block element here ( use the code tag from the options above please )
________
Was wird denn dort innerhalb des iframe angezeigt? woher speist sich der Inhalt? Meinst du nicht, das es auch mit Enfold mitteln gehen sollte? – ohne extra scripte?What is displayed within the iframe? Where does the content come from? Don’t you think that it should also work with Enfold means? – without extra scripts?
Well – if that is what I think you want, then there is no trivial solution.
i did it here for very small screens (mobile device screen width) on : https://guenterweber.com/datenschutz/
because the widget ( second menu) on that page needs more place – that is not there on small screens.Base of even the Enfold Hamburger (av-hamburger–spin) for main-menu is : https://jonsuh.com/hamburgers/
may i see your example page too?
As participant i do not see your private content area. Or describe your problem in more details.
F.e. a lot of users say iframe and they mean a lightbox window.do not forget that on jQuery 3.x the
jQuery(window).load(function(){
is deprecated – it has to be now:
$(window).on('load', function(){
in addition to that – why do you like to open a different page in the lightbox?
do you have on many pages that button?June 2, 2024 at 8:03 am in reply to: rotating header ‘typewriter’ shows white space between rotating words #1447412do you belong to the marked text just before the caret starts with the new word?
try:
.av-marked-text .av-rotator-text-single { background-color: transparent !important }
the color of changing words and carret:
#top .av-rotator-container .av-rotator-text-single { color: inherit !important; /***** if it should get the color of the other words ***/ } .av-caret .av-rotator-text-single:after { border-color: #FFF; /***** change to your needs ***/ /***** display: none; if you do not want to see any carret ***/ }
see my example ( with special text-shadow) : https://webers-testseite.de/park13
PS: because i do not see your setting i could not give you better advice. Maybe a multiline ( with the rotating text on a new line ) has a bit different selectors.
big hussle is that it is no button element – it is an input – with button functionality.
if it is a button tag – then styling is much easier.you can change that by child-theme functions.php snippet:
function change_input_to_button_tag(){ ?> <script> (function($) { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var inputvalue = $(this).attr('value'); var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); newElem.append('<span class="submit">'+inputvalue+'</span>'); }); } replaceElementTag('.avia_ajax_form input.button', '<button></button>'); }(jQuery)); </script> <?php } add_action('wp_footer', 'change_input_to_button_tag');
So – this is not provided with the Enfold Google Maps element.
But what you could do is place a dummy marker at the top of the list, with a custom marker. Then you upload a completely transparent png file. Since the top of the list determines the center of the map, you could achieve your goal.have a look on that page – open editor – on the right side there are layout options – including a part for footer setting and footer behaviour.
Unfortunately, exactly this option is missing – only display the socket and hide the footer page.
There is probably no other option than to set the footer page to display none with the page ID.f.e.:
#top.page-id-3 #footer-page { display: none; }
May 28, 2024 at 6:46 pm in reply to: Search box background color CSS no working after update #1446867yes – or you decide to influence the placeholder text and input text.
#top .header_color input::placeholder, #top .header_color input[type="search"] { color: #fff !important; }
or a combination:
#top .header_color input::placeholder, #top .header_color input[type="search"] { color: #fff !important; } #top .header_color #s { background: linear-gradient(-90deg,#7ea338,#3b4b1e); }
a fast way might be to only replace the content:
#scroll-top-link[data-av_icon]::before { content: url(/wp-content/uploads/myTest.svg); }
But I only tested it with an svg file, so I had no problems getting the dimensions to fit.
you can have it in between the first and second column:
#footer .flex_column.first { border-right: 1px solid rgba(255,255,255,.3); }
or more nearby the content of your first column:
#footer .flex_column.first .widget { border-right: 1px solid rgba(255,255,255,.3); padding-right: 30px; }
Yes – thanks Ismael – and I started a feature request on Github for this setting.
This is, after all, almost a custom child script now – so if there’s no way on having (at least) a filter for that I had to live with it.For the google search console i named the sitemap : my-sitemap.xml
so i can create a page that does not interfere that (included) way.
Because that google sitemap had to be in root directory and a domain/sitemap will then open that sitemap.xmlthis is very nice !
on mobile we have this behaviour (close on click outside) already – because of Content Setting : “Mobile Close Behaviour”
does your script interfere with it?
On mobile even a click on a different Flip-Card closes the other ones. ( that is my prefered behavior) and closes all on clicking outside.on my iPad i do not see any blue pop ups.
have you erased your device cacheing?maybe it has to do with the default strip_tags option on many excerpts ( post_excerpt )
or that function avia_backend_truncate often used in enfold to filter strings.PS try
<strong> instead of <b>
strong , em and span are excluded tags from strip_tagscan you make the link to your page public? releasecfs etc. i found a lot about you – but i do not see the “highlight” you are talking about.
Presumption would be the background of: .html_stretched #wrap_alli would prefer this solution:
#top.page-id-102 #av_section_1 .flex_column img { -webkit-filter: brightness(0.6) blur(3px); filter: brightness(0.6) blur(3px); transition: filter 1s ease; } #top.page-id-102 #av_section_1 .flex_column:hover img { -webkit-filter: brightness(0.8) blur(0px); filter: brightness(0.8) blur(0px); transition: filter 1s ease; }
ok – thanks
maybe you decide to style it a little:
#lang_sel_list { display: inline-block !important; background-color: rgba(255,255,255,0.3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border-radius: 5px; padding: 5px ; } #lang_sel_list > ul { display: flex !important; } #lang_sel_list .wpml-ls-item { position: relative; left: 0 !important; } #lang_sel_list .wpml-ls-link { text-decoration: none !important; } #lang_sel_list .wpml-ls-link:hover { background-color: rgba(0,0,0,0.3); }
ok – if there is no easy way. Just switch for a short moment to:
General Layout : Top Header
Go to “Header – Extra Elements and choose on Enfold WPML Language Flags (Global Setting) : hide …
Switch back to your “Left Sidebar Header”
Save the settingsNow insert this to your child-theme functions.php:
add_action('ava_main_header_sidebar', function() { echo do_shortcode("[wpml_language_selector_widget]"); });
And now style it via WPML – Languages – Custom language switchers
on WPML – Languages – there is in the options : “Menu language switcher ” Add a new one.
Then you see the options for that menu you chooseif the switchers are not inside a menu – you can scroll down a bit and have : “Custom language switchers” mark it and customise it there.
i do not have an enfold setting with header on the left and WPML – so i can not test it for you.
if that position does not belong to these settings:try: https://kriesi.at/support/topic/wpml-language-switcher-8/#post-695476
but: i think these filters and action hooks are deprecated now. on : class-avia-wpml.php lines 86 to 110 there are more options to influence. i think a mod should instruct you with these new “options”
or read this for more info: https://wpml.org/documentation/theme-compatibility/enfold/#enfold-language-switcher
What font do you like to upload?
long time ago – and with some changes ( for example the possibility to upload variable fonts ) you can read here a more detailed instruction:
https://kriesi.at/support/topic/host-web-font-yourself-some-info/#post-1364066
And: a tip if it is realy neccessary to have a specific italic typeface.when you download the files from transfonter ( you can pick out from that zip the woff and ttf files into a folder with name you like to give.
You do not need any other files inside your zip than the pure font-formats!
F.e. name that folder for all the open-sans fonts “Open Sans” – see:
zip this folder ! BUT be carefull on your Mac OS – because OS will have inside that folder hidden files ( this is typical for OSX folders ).
Some of the OSX Compressor Tools like BetterZip have an option to zip for PC ( then these hidden system files will not be in this zip file)
these are your “MACOSX (font-family: macosx) “. ( But you can erase these “Fonts” from Font Manager.This “4ab16c3952a6f71bb538afe303ac6379.woff2” happens because you have uploaded directly the downloaded zip file.
if you rename the zip.file to f.e “Open Sans” then the Font Manager will show the folder name as Font Name (green) – and the filenames will end in the original implemented postscript font-family name.
can you please remove the css code from Ismael and insert instead :
( because of .avia-slideshow-carousel must stay overflow: hidden – the left arrow is not visible )@media only screen and (min-width: 990px) { .avia-timeline-container { padding: 0 40px; } .av-timeline-nav { padding-top: 0px; width: 100%; overflow: visible !important; } #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide { position: absolute; top: 0px; } #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide { position: absolute; top: 0px; } }
maybe you like to include to that media-query a setting to have more space for the :
.avia-timeline-horizontal.av-milestone-placement-top .av-milestone-content-wrap { padding: 30px 15px 10px 80px; }
after that we can see if we need to fix some other settings.
By the way: uploaded Fonts – are at the end of the drop-downlist under: “Uploaded Fonts”
sorry to mention this – but some participants do not scroll down to the end of the list ;)I don’t believe that only Google Fonts can be uploaded.
I have successfully uploaded several premium fonts from Adobe, Bitstream, Elsner & Flake etc. pp. after converting them to web font formats. In the meantime I only prefer woff2 (for older browsers I usually add the ttf files)try to upload otf files to tranfonter page: Link
Big Advantage on Transfonter Page is the family support.
if there are troubles in rendering the font – ( what OS X do you use on your device) you can include the other font formats too
but with ttf you got a good old browser support.
Browser Support -
AuthorPosts