Forum Replies Created
-
AuthorPosts
-
October 7, 2022 at 7:48 am in reply to: fullscreen slider by default for blog pages with transparent glassy header #1367906
This blank space at the end must remain set. – your snippet to preset the page/post header visibility and transparency only works if it is there.
On my test page, the inconsistency you describe is not present. I can edit preset page layouts without changing anything in the settings. If I consciously want to change this setting, I can also set this.yes – but this is standard behavior on images with copyright – then the class av-has-copyright will set the parent to overflow: hidden too.
Disadvantage of the overflow hidden will be if you like to have box-shadow and blur. this will end in a somehow slightly inset shadow.
October 6, 2022 at 11:45 pm in reply to: fullscreen slider by default for blog pages with transparent glassy header #1367879i see on your inserted code that there is a space behind header_glassy – and that is important !
if i remove that space – the presetting will not work.______________
for the devs and mods:by the way: on functions-enfold.php on line 1335 there is:
$header['header_transparency'] = 'header_transparency';
is that correct ? why is it not
… __( 'Transparent Header', 'avia_framework') => 'header_transparent',
as in meta.php line 377 ???
October 6, 2022 at 10:47 pm in reply to: Blog soll nicht nach Ende der ersten Kategorie die zweite Kategorie weiter gehen #1367872there are different settings that can be done by that filter: avf_post_nav_settings
See: https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Layout/avf_post_nav_settings.phpthis is the common setting to get what you want in child-theme functions.php:
function enfold_customization_postnav($settings){ $settings['skip_output'] = false; $settings['same_category'] = true; return $settings; } add_filter('avf_post_nav_settings','enfold_customization_postnav', 10, 1);
but you can have different settings for post or portfolio – you can exclude categories etc. pp
f.e.:function enfold_customization_postnav($settings){ $settings['skip_output'] = false; $settings['same_category'] = true; $settings['is_fullwidth'] = false; // exclude "category-id" 64 from post-navigation if('portfolio' == $settings['type']){ $settings['excluded_terms'] = '64'; } // posts will not have post-navigation if('post' == $settings['type'] ){ $settings['skip_output'] = true; } return $settings; } add_filter('avf_post_nav_settings','enfold_customization_postnav', 10, 1);
Well the text alb element is still there. If you open the text-block element and write your Text you can place the cursor to every place you like.
F.e. Just in Front of a text-block – then press “Add media” – (some settings could be done directly.
after the image is placed – you can drag the edges to enlarge/reduce the image. On double click you can open a popup with different settings.:
Here are size, link, classes and floating options aswell. If you like to influence a bit more in detail – you should give a custom-class to the image.
PS: align left images will have on the parent container the class: alignleft
align right images : alignright.alignleft img { padding-right: 30px } .alignright img { padding-left: 50px }
see result: https://enfold.webers-webdesign.de/evas/
PPS: sometimes ( on some screenwidth this could lead to unwanted effects. F.e. only one word besides the images.
You can avoid it f.e. by setting a nonbreaking space between two longer words. On my example it is the left side – i put a
between Lorem ipsum.There is no need to thank me, only positive feedback means that I no longer have to keep an eye on the subject and can simply tick it off.
do you mean something like this with around image: https://webers-testseite.de/sqare-image-and-text/
A good solution with no response from you … – https://enfold.webers-webdesign.de/toggle-content/
Thats what i said in the first post. Borlabs do block all iframe well – so the easiest way is to place inside a code-block element the iframe code from above.
[borlabs-cookie id="googlemaps" type="content-blocker"]<iframe src=" The code google is genertating for your map …></iframe>[/borlabs-cookie]
The iframe code you get if you look for your address on google map and press that “share” link – a popup will be shown – press “embed a map” – zoom and move the preview until you get the desired area. then – “copy html”
Inside that code only change the width to 100% – and if you like – to a hight you want ( without the unit – 400 are 400px )
______
And if you are a realy professional ;)
you can load that asynchronus and block with borlabs too:
( again in a code-block element )[borlabs-cookie id="googlemaps" type="content-blocker"] <div id="map"></div> //enter here your own api key <script async defer src="https://maps.googleapis.com/maps/api/js?key=HERE_COMES_YOUR_API_KEY&callback=initMap" type="text/javascript"> </script> <script> function initMap() { var myLatLng = { lat : 50.756376, lng : 7.055462 }; var map = new google.maps.Map(document.getElementById('map'), { zoom: 12, center: myLatLng }); var marker_image = { url: '/wp-content/uploads/map-marker-icon.png', scaledSize: new google.maps.Size(50, 50), }; var marker = new google.maps.Marker({ position : myLatLng, map : map, icon: marker_image, animation: google.maps.Animation.DROP, }); // INFOWINDOW SETTING var contentString = '<img src="/wp-content/uploads/Logo-animiert-2.svg" width="150" height="100" />'; var infowindow = new google.maps.InfoWindow({ content : contentString, }); infowindow.open(map,marker); marker.addListener('click', function() { infowindow.open(map, marker); }); } </script> <style> /*** for your own map ******/ div#map { width: 100%; height: 600px; margin: 0 0 24px 0; position: relative; } #top .gm-ui-hover-effect { display: block !important; } .gm-style .gm-style-iw-c { background-color: rgba(255,255,255,0.9); } </style> [/borlabs-cookie]
result page: https://consulting.webers-testseite.de/maps/
just place that map not with Enfold ALB but with iframe in a Code-Block ALB
[borlabs-cookie id="googlemaps" type="content-blocker"]<iframe src="https://www.google.com …" width="100%" height="600" frameborder="0" style="border:0;" allowfullscreen=""></iframe>[/borlabs-cookie]
the iframe code is easy to get on google map – press share – then embed map
just change the width to 100% value.on default i upload a blured screenshot of that map as preview image: https://webers-webdesign.de/kontakt/
Press “Ablehnen” for not accepting any cookiewithout seeing the page it concerns – it is hard to give advice.
Sorry my Provider has some Maintenance work
Edit: ok – it seems to be fixedor – because the overlapping takes place at the bottom, the distance is probably better set from the bottom.
.ls-hide-on-tablet.ls-hide-on-desktop .ls-wrapper.ls-in-out.ls-inner-wrapper { top: calc(100% - 100px) !important; }
by the way – not necessary for the solution above but …
– there is that option to give to the tabs an custom ID – if not they will have those data-fake-id = #tab-id-1, etc
these are part of the url shown on the browser window.try then in your child-theme functions.php:
function tab_titles_to_data_fake_id() { ?> <script type="text/javascript"> (function($){ $(window).on('load', function(){ $('.tabcontainer .tab_titles .tab[data-fake-id^="#tab-id"]').each(function() { var tabTitle = $(this).clone().html().replace(/\s+/g, '-').toLowerCase(); $(this).attr('data-fake-id', '#'+tabTitle); }); $('.tabcontainer .av_tab_section .tab[data-fake-id^="#tab-id"]').each(function() { var tabTitle = $(this).clone().html().replace(/\s+/g, '-').toLowerCase(); $(this).attr({ 'data-fake-id': '#'+ tabTitle , 'aria-controls': tabTitle +'-content', }); $(this).closest('.av_tab_section').find('.tab_content').attr('id', tabTitle +'-content'); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'tab_titles_to_data_fake_id');
if a data-fake-id starts with #tab-id it will be replace with the tab-title ( lowercase and spaces to “-” )
PS i don’t know if this is good practice because i do not think that if the toggle ID’s are indexed that this jQuery will be work as expected.yes – I almost suspected that, but of course it wasn’t obvious from your screenshot.
Unfortunately, this method is probably not applicable then. …Edit – see now : https://enfold.webers-webdesign.de/toggle-content/
by the way : this will end in frontend layout:
odd tab-titles count will be on the left – even tab-titles count on the right.
_
But first – the point i mention is that correct ? : https://kriesi.at/support/topic/host-web-font-yourself-some-info/page/2/#post-1366808
It’s a pity that this topic was actually intended to bring clarity to this issue is so inflated. But so we have certainly found a small bug, which will probably be fixed soon. ( So the font weight should be taken out of the @font-face when uploading.)
The usage of variable fonts does have certain advantages, especially since the browsers will soon be able to use all these possibilities.___________
The advantages you mentioned are obvious, but the visitors of a page are degraded to data suppliers on the benefit of Google.
Without being paranoid, I think it’s important to please Google as little as possible. They don’t offer such services out of the goodness of their hearts. Google gets the most benefit from its addons. Especially their statistic tools are certainly good programs – but I estimate that a remarkable 85% to 90% of users do not even consider a correct analysis evaluation, nor would they be intellectually capable of it.
see here a solution with tab:
https://enfold.webers-webdesign.de/toggle-content/guess this will be the more elegant way to use enfold standard ALB Element.
and big advantage : no duplicate contentIf I have misinterpreted your picture and description, then one could now easily rewrite the whole thing to the td instead of tr.
The fullwidth easy slider is on default responsive. But you had to pay attention on the settings that you do not use cropped variants of your image. Therefore, if you leave the setting to Original image size in the settings – these should also be displayed.
Of course, this can lead to the fact that possible contents (headlines and buttons) do not find enough space on very small screens. For this case the Min-Height option is available. Then, however, the background image is no longer displayed in its entirety.
and you have replaced on both installations the class-avia-type-fonts.php and uploaded on both afterwards the zip file?
I would test this first – deleting from media library those older zip files – delete the uploaded font in Custom Font Manager – and then upload again those files.
This is exactly what the deletion/commenting of the line should do.
I see on your generated @font-face on the working one no font-weightit is easier to shift the button a littel to more distance from the bottom – and maybe on that case a less font-size.
best solution is over tabs wihich can be styled the way you wanted
so I have deleted the unnecessary here
read first the way over tab alb : https://kriesi.at/support/topic/show-content-in-div-on-click/#post-1366868
Solution see later
If there are any questions – feel free to ask
-
This reply was modified 2 years, 9 months ago by
Guenni007.
well – i try to find a solution so – please let the topic open for a while.
a quick way is to give the h4 a min-height:
#top.page-id-5864 .avia-content-slider-element-container .slide-entry-title.entry-title { min-height: 80px; display: inline-block; padding: 0; margin-bottom: 0; }
here are some infos:
i tested it now with open sans – some online font transformators do not preserve all properties.
the downloadable ttf from googel font will do the job.
i got an command line tool ( it is from Google itself ) to convert ttf to woff2 – this will work too.
we can zip these two files and upload it to Custom Font ManagerIt is worth converting the font file to woff2.
All modern browsers can handle this format and Roboto Flex, for example, is a good 1.7 MB in size as ttf, but only 0.7 MB as woff2.try yourself with :Open Sans Variable
PS: Somewhat dissapointing: there are only very few variable serif fonts. If there are any, they are only variable in font-weight.
And let’s be honest – how often do you need a font-weight of about 425OH – wow – that works
i tested it with the most complicated variable font : Roboto Flex – yes it is listed here as 400
But setting it on General Styling – Fonts as Heading font
see what happend when i try to influence the styling of a heading in developer tools ( firefox has that font tab – so this is very easy to find the settings )you see that every variable font property is now there – changing the style on developer tools then could find your settings that had to be transformed to the quick css:
Well this is correlated to a class that is set automatically on ampersand character.
the class is set to:.special_amp { font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; font-style: italic; font-size: 1.3em; line-height: 0.5em; font-weight: normal; color: inherit; }
but that function is on functions-enfold.php line 970ff : avia_ampersand
so if in content an ampersand is set it will be changed to :<span class='special_amp'>&</span>
-
This reply was modified 2 years, 9 months ago by
-
AuthorPosts