Forum Replies Created
-
Posts
-
All font-sizes inherited the size from body. Maybe you can manage your desired result by using a screen-width dependent value
f.e.
body {font-size: 1.5vw}
but from that there will be more problems to come from than to solve one.
i think this is the clue – that on responsive design the containers width and their positioning is changed – and font-size stayes more readableby the way this was my testing page – but i did proove it on a clean install with newest WP and Enfold – with no other plugins running – the same thing.
Can you test it on your installations too – and have a look if its a real bug
make your slider ( i took the full-screen one !)
after the slider take a color-section ( give it the id: over-the-slider )
(here the fullscreen-slider is easier – because i can set the color-section height to 100%) !!
80px is my header height ( if you got a different header height take this value)
do this to quick css:#over-the-slider { position: absolute; top: 80px; z-index: 5; background: transparent; }see here : https://webers-testseite.de/daniel01/
Problems : the content of the color-section has to be smaller than the slider-height !
even for small screens – maybe than you can make some media-query rules to fit the content.What content is over your slider?
for your logo you should use an svg instead. Vectorbased is in small sizes the best way.
And you can use some code in functions.php of your child-theme to use the different logo on mobile or small screensby the way i posted a new tut here on board to explain a bit more specific how to … https://kriesi.at/support/topic/some-edited-enfold-alb-elements/
i guess these files are from me – so if you have allready placed some iconboxes (icon-lists) and put in afterwards the substitutes you have to edit them again.
There is new code added. So somehow it has to be added to existing iconboxes and iconlists. Logical right?I guess i will write a workaround to all my edited files i have made in the last time.
if you are working on a child-theme you can try to add that class via functions.php of the child-theme:
i can not see the private Content so try if this will workfunction add_class_to_wonderplugincarousel() { ?> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('div.wonderplugincarousel').addClass('nolightbox'); }); </script> <?php } add_action('wp_footer', 'add_class_to_wonderplugincarousel');By the way – this is a brainful method but its css magic is wonderfull
please compare : https://webers-testseite.de/elegant/
with: https://kriesi.at/themes/enfold-visual-artist/sorry for that – i opend here a new topic : https://kriesi.at/support/topic/new-enfold-troubles-with-iframe/
it seems to be something strange with iframe – even a simple webpage iframe fails!these symbols are set on default as placeholders for post formats – is you have a normal entry the pencil is shown – if you have a video etc
but – there are possibilities to style them – but not an easy way:look demo page of kriesi – there you have pencils etc. sometimes an author is shown or the featured image – depends on which blog style you have choosen: https://kriesi.at/themes/enfold-2017/blog/blog-single-author-small/
seem not to be a problem with youtube – developer link is top – but seems to be a problem with iframe on enfold ?
it works nice – but it seems to destroy the whole structure of the page where the iframe is inserted !!
by the way: https://developers.google.com/youtube/youtube_player_demo
with this it is possible : (iv_load_policy) to get rid of abonnents !!!
and to set the starting audio volume etc pp<iframe id="ytplayer" type="text/html" width="720" height="405" src="https://www.youtube.com/embed/ZN5RDJFwI3I?autoplay=1&disablekb=1&rel=0&showinfo=0&iv_load_policy=3" frameborder="0" allowfullscreen>do not use the video alb element – Instead use a code element in what ever you like and try my codes above with iframe:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ZN5RDJFwI3I?rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>fit the width and heigt option to your desired one
look here: https://webers-testseite.de/embed-youtube/
If you like it with no controls at all:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ZN5RDJFwI3I?rel=0&controls=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>the right one is without controls but with autoplay option as above :
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ZN5RDJFwI3I?rel=0&controls=0&showinfo=0&autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>by the way – do not wonder about it – the autoplay works in alb editor already :lol:
try this:
https://www.youtube.com/embed/ZN5RDJFwI3I?rel=0&showinfo=0&autoplay=1or
https://www.youtube.com/watch?v=ZN5RDJFwI3I?rel=0&showinfo=0&autoplay=1is it a secret youtube video?
i’m Participant as you so – no private-content for me
this looks strange to me: ?feature=oembed&showinfo=0
https://www.youtube-nocookie.com/embed/nNA9ru2Ox5o?rel=0&iframe=true&autoplay=1&showinfo=0etc pp. ?feature i don’t know
it does not work with already setted alb elements – so you have to open them again and save them once more.
Every new alb element will have that alreadyi prooved it again : https://webers-testseite.de/iconlists-and-iconboxes-with-h-tag/
So if you already have elements set before, then you have to re-edit them – and save
das Problem ist nicht die oberseite sondern die untere dann schräg zu bekommen
wenn du dich zB auskennst mit Polygonen ginge es so – ist aber ein wenig Koordinatensystem gefragt:
https://webers-testseite.de/elegant/reina77/
In diesem Beispiel werden die Schrägen komplett anders erstellt. D.h auch die color-sections
Aufbau: color-section – tab-section – color-sectiondie Mittlere Tabsection bekommt eine ID und sieht zB so aus:
#schraeg-links-rechts { -webkit-clip-path: polygon( 0 10vw,100% 0,100% 100%, 0 calc(100% - 10vw) ); clip-path: polygon( 0 10vw,100% 0,100% 100%, 0 calc(100% - 10vw) ); margin-top: -10vw; padding: 6vw 0; background: #ededed; }Der Tabkopf sollte dann die gleiche Farbe wie der Hintergrund sein !
polygone : koordinaten fangen links oben an, und gehen im Uhrzeigersinn weiter und immer x y
also Beispiel oben erster Punkt x=0 und y nach unten 0.1 screenweite etc.
darf auch pixel sein. aber relativ funktioniert bei kleinen Bildschrimen dann besser.naja und meine Frage war, ob es das ist was du haben willst: https://webers-testseite.de/reini77a/
Bitte klicke mal auf das “i”
these changes are to complicate?
maybe you insert on your alb a grid-row 1/2 – 1/2 and put in 1/3 columns – so there are 6 columns side by side and than you only have to set the grid-row to non-fullwidth – see here:
https://kriesi.at/support/topic/grid-row-not-fullsize-how-to/looks than this way: https://webers-testseite.de/30468-2/
or is it this you like to obtain ?
anhand deiner Seite sehe ich , daß ich wohl deutsch mit dir kommunizieren kann.
Die Schrägen lassen sich ja über color-sections realisieren.
jetzt möchtest du aber , dass die folgenden “Columns” wohl ganz die Breite ausfüllen? ähnlich der Tabsection oder?einfach zwei color-sections hintereinander und dann der zweiten color-section eine benutzerdefiniert Klasse geben.
z.B : full-container
hiermit wird dann dieser Container auf volle Weite gesetzt..full-container .container { max-width: 100%; margin: 0 auto; }Beispiel : https://webers-testseite.de/reini77/
ich habe die 1/3 columns nur mal farbig hinterlegt, damit du siehst, dass es dann auf volle Weite geht.
so ists im Backend (draufklicken um es zu vergrößern)
______________
Based on your page, I see that I can probably communicate German with you.
The bevels can be realized via color-sections.
but now you want, that the following “Columns” fill the full width? similar to the tab section?hm – more comfortable as my files – and update secure – you can’t find.
these files comes to enfold-child/shortcodes upload them via ftp.
insert into 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; }to embed those files ( the original Files stay in enfold parent folder – but are now unused)
Now see in the alb element – there is now a new array where you have the choice to set the h tag as you like !
hm i know the linotype font – it has a lot of Cyrillic Letters: Linotype Reforma Grotesk
and webfonts : https://www.linotype.com/de/318822/reforma-grotesk-bold-product.html?site=webfonts&format=ot-ttf&branding=pro
this on top is only an example – you have to know how the font-family name is in your @font-face rule !
maybe it is called Reforma-grotesk – look to your embed codeit will work but if you have a more specific rule with h6 and important than the rule is overwritten.
https://css-tricks.com/specifics-on-css-specificity/#article-header-id-0
look this thread and my solution for it:
https://kriesi.at/support/topic/change-full-screen-slider-to-h1-tag/#post-819873i did this to have a setting field for icon-box and icon-list alb element. (sinse Enfold 4 – do not try it if you are using an older version)
You can download those files here: Download
The best way is to have those files in child-theme/shortcodes. folder
and to include them by functions.php in 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; }for the list i do not set the possibility to have h1 because there should be only one h1 each page!
looks this way: https://postimg.org/gallery/144tcszl8/
