Forum Replies Created
-
AuthorPosts
-
January 25, 2025 at 6:49 am in reply to: Images open in new page instead of presenting as lightbox #1475767
On theme options : “Lightbox Modal Window”. – this is checked?
what is this matomo script for? that is the console error warning – maybe deactivate it – and refresh all cache and merging after that and have a look.
fopen warning : maybe a caching problem – do you have a caching tool working – i can see Comet Cache – maybe try to deactivate that too- and see.
by the way where is this /volume4/web/ directory ? Warning is : no permission to that directory …
-
This reply was modified 5 months, 2 weeks ago by
Guenni007.
January 24, 2025 at 6:03 pm in reply to: Contact Form – center submit button and styling checkbox #1475751these settings are all browser controlled.
There is only the way to have a background-color from external css – see: https://kriesi.at/support/topic/info-about-radios-or-checkboxes-background-color/Styling the radios or checkboxes could be achieved – if you put the f.e. checkbox to opacity : 0 and then place a styled version to replace it:
see : https://webers-testseite.de/kontakt/or see: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox
you see this is always based on :
input { opacity: 0; cursor: pointer; height: 0; width: 0; }
you find different solutions in the internet – f.e. on https://getcssscan.com/css-checkboxes-examples
yes – i think you are right . Allthough there are translatables in the code of enfold
__( 'Read More Text', 'avia_framework' ), __( 'Read more', 'avia_framework' ), __( 'Read Less Text', 'avia_framework' ), __( 'Read less', 'avia_framework' ),
on many languages these ( f.e. on german) tranlations are missing.
but for dutch there is: Lees minder and Lees meer inside the lang files – so i guess you only want to change that translation? One solution could be to have your own translation files – or to use a plugin to change these translations.
I don’t know how you have implemented multilanguage support for your installation. With WPML you have separate pages. There you could rename it manually in the element.
So now not only your own websites that you create for your customers are secret (which I can understand), but also an example page that you find on the public Internet?
Why not using the code tag for your code? Link
No one can copy paste the code for his own use.Since I use contactform 7, I can’t say whether this has always been the case: the subject in the email header is always :
sent by contact form at bloginfo.if a hint on the bottom of your e-mail is enough – you can put this to your child-theme functions.php:
function add_page_info_to_form_email($message, $new_post, $form_params) { // Get the current page URL and title $page_url = get_permalink(); $page_title = get_the_title(); // Append the page information to the message $message .= "\n\n--\nSent from the page:\n" . $page_url . "\n"; return $message; } add_filter('avf_form_message', 'add_page_info_to_form_email', 10, 3);
yes – and your mentioned code above : a.cart_dropdown_link leads me to the wrong direction.
But better is to post the link to that page – so i can inspect it there. – is it the priver page?
(f.e. the demo page Enfold Shop does not have that account login icon inside main nav. it is on header_top.)#top #header .av-main-nav #menu-item-wc-account-icon > a { color: #f19809; font-size: 28px; }
or if you like to have a hover effect on this:
#top #header .av-main-nav #menu-item-wc-account-icon > a { color: #f19809; font-size: 28px; transition: color 0.7s ease; } #top #header .av-main-nav #menu-item-wc-account-icon > a:hover { color: #1c60c7; }
the data-av_icon is on the following span tag:
#top a.cart_dropdown_link { right: 15px; } #top a.cart_dropdown_link span[data-av_icon] { font-size: 28px; color: var(--enfold-header-color-color); } /* === to influence the counter === */ #top a.cart_dropdown_link span.av-cart-counter { height: 20px; left: 64%; font-size: 18px; line-height: 20px; border-radius: 50%; background: var(--enfold-header-color-primary); color: var(--enfold-header-color-constant-font); margin: -22px 0 0 2px; padding: 2px 6px; }
i inserted above the default colors – change them to your needs
maybe it is possible via that filter: avia_contact_form_args ?
January 22, 2025 at 5:08 am in reply to: lightbox css no longer working with enfold theme update #1475526First : this is not the enfold implemented magnificPopup lightbox. Next: what is wrong with those iframe popups? What you like to see or rule for those lightboxes?
you are talking about a color-section – and its background image – right? i can not see the header image in your question.
vw is another relative length value. https://css-tricks.com/the-lengths-of-css/#aa-vw
1vw is equal to 1% of the width of the viewport ( viewport width = vw)
so if you like to have the background-image to have full width – you can set the bg-image to cover the container – so it has a width of 100vw.
Now if you got a background-image that has a 16:9 aspect ratio then. 16 = 100vw and 9 = x vw ?
Simple rule of three the height of the container had to be 56.25vw.you see my example page that this is a responsive color-section. The only problem is that now the height of the container no longer grows with its content. But if you only got a heading f.e. with fluid font-size – this will work in that manner.
you had to know the aspect ratio of your bg-image. then you can calculate the height of that section in relation to 100vw of width.
f.e. if your bg-image is a 16/9 image – then the height should be 56.25vw. So you can force the height to be of that height of the image.This will work if your content does not grow over that height.
See an example here: https://webers-testseite.de/colorsection-responsive/try:
#all_coupon_container .text-xs > div:nth-of-type(2){ display: none !important; }
Everything you need is already available in Enfold. You are not forced to use an additional plugin. If you are the licence holder (including web font usage), you can convert and use your desired font f.e. by : https://transfonter.org/
my recommendation is to generate woff2 and as fallback solution the ttf fonts.
The downloaded zip file could be used allready by enfold Font Manager, but however, I would only advise you to rename the zip file. In the Enfold Font Manager, the name of the zip file will appear as the font name (the css font name is not affected by this, it is generated from the font itself).i do not know if shortcodes are allowed on default – but you can set that filter inside child-theme functions.php:
( then Ismaels Code will do the job )add_filter('wp_nav_menu_items', 'do_shortcode');
on default – the padding-top for transparency header setting is set to zero ( padding-top: 0 ) – check if you have a different setting on your page.
Maybe your header is transparent – but there is no content under that area ;)Yes, you are right – that even if you select the last option (responsive) for that color-section in “Section Minimum Height” and set it to, say, 56% (for a 16:9 video) – this setting will have no effect on small screens.
The reason for this is that if it is forced, there is a high probability that the content of the colour section will grow beyond the then quite small height.( 900 / 16 = 56.25)
.responsive #top .avia-section[data-section-video-ratio="16:9"] { height: 56.25vw !important; }
see here what is the problem: https://webers-testseite.de/videobackground/
ja – genau Ismaels Code.
lest ihr etwas die Posts nicht durch?
hier steht präzise wo der große Abstand herkommt!: https://kriesi.at/support/topic/too-much-distance-no-idea-anymore/#post-1471969 und das man diese Standard Werte ändern soll.Ich fürchte, die werten Mitstreiter lesen nicht mehr – sondern copy pasten irgendeinen Code der angezeigt wird und das wars dann.
Echt frustrierend für jemand der Hilfe zur Selbsthilfe praktiziert. Ich habe doch nichts davon, wenn ich nur Code anbiete, der zwar funktioniert, aber den ihr nicht nachvollziehen könnt. und der auf der nächsten Seite auch nicht mehr funktioniert. Sorry Martin, das es jetzt dich traf – aber langsam habe ich keine Lust mehr.____________
yes – Ismaels Code.
are you not reading the posts?
https://kriesi.at/support/topic/too-much-distance-no-idea-anymore/#post-1471969it says exactly where the large gap comes from! – and that you should change that default values.
I’m afraid that the other participants don’t read any more – they just copy and paste some code that is displayed and that’s it.
Really frustrating for someone practicing self-help. I have nothing to gain from offering code that works, but which you can’t understand and which doesn’t work on the next page. I’m sorry, Martin, that it’s you who’s getting my frustration now, but it’s no fun anymore.Better to have a sample page to inspect. From previous posts to this site, I can’t see a footer that attempts to do that.
and to center the flex_columns itself :
#av-layout-grid-2 .flex_cell .flex_column { display: flex; flex-flow: row nowrap; justify-content: center; }
but as always all rules here do work on all elements that fit- better is to work more specific by a custom class set by you f.e. on that grid-row element.
you are talking about marquee but with images
https://way2tutorial.com/html/html_marquee_image.phpYes – but don’t miss to do that on all languages. ;)
can you try to insert the video like this:
https://vimeo.com/1038124745?background=1
i do not know if this works – because the button is inside an iframe – so external.
Try:
.ToastBase_module_toast__fb6cbe17 { display: none; }
but isn’t that an option that could be made on vimeo itself on editing there the settings?
the trick is to have the correct proportion starting from a png with always the same size.
on my testpage all png got the outer-size of 400px x 600px and the dimension of the content is set by its relation to each other.
have you downloaded that zip from : https://kriesi.at/support/topic/image-alignment-in-text-box-with-captions/#post-1471811 and use them instead !January 7, 2025 at 11:14 am in reply to: Why does my drop-down menu appear on the right side of the submenu instead of th #1474764i think koksourcing belongs to the second level menu:
#top .av-main-nav ul ul { margin-left: 0; left: 208px; position: absolute; }
OK – bis bald dann
I know that this worked once, in a previous version. I am now wondering why this no longer works, or why the elements can no longer be accessed. Should there actually be an error there?
it is not a matter of version – that order element remains to columns beside each other – and you could not handle the next row with it.
But. you can set 3 times 1/3 columns beside each other ( please do only insert these three columns to that color-section and nothing else )
now give a custom class to that color-section f.e.: one-three-two. (you know why) – and do not choose the equal height option !!!
see here the setting and the code to have the third column be bigger than the others – read the comments on the codes to understand the way.
https://webers-testseite.de/zar/ -
This reply was modified 5 months, 2 weeks ago by
-
AuthorPosts