Forum Replies Created
-
AuthorPosts
-
and if i do want to have that on all single posts – i can use ?
add_filter( 'avf_post_ingnore_featured_image_link', '__return_true' );
and if i want to use an array of post id’s – is that the correct way?
function custom_avf_post_ingnore_featured_image_link( $ignore_image_links = false, array $current_post = [] ){ // e.g. available variables global $avia_config, $post_loop_count; // e.g. remove link for posts: $postIDs = [ 36011, 45175 ]; $ignore_image_links = in_array( $current_post['the_id'], $postIDs ) ? true : false; return $ignore_image_links; } add_filter( 'avf_post_ingnore_featured_image_link', 'custom_avf_post_ingnore_featured_image_link', 10, 2 );
many thanks !
well – the current code is more like my code, which remains valid even when changing the standards in Enfold (e.g. font-size, font-family, border-color, color (missing in your code) etc.). But this isn’t a competition.
Because color is missing, the color is now #141827 instead of #474747 – and your current code applies to all h2 – not just those that are set via tribe events.
However – the main thing is that it works.you can edit your post by pasting the code snippet into code tags! (please copy and paste the code from your template again).
It’s hard to check the snippet – when many letters are converted by Board Soft.One thing might be:
Since WooCommerce 3, the hook woocommerce_checkout_update_order_meta is outdated and replaced by woocommerce_checkout_create_order
PS: Isn’t that more a question for the Woocommerce support team?
April 28, 2024 at 7:37 pm in reply to: How to remove an element at the bottom of Blog Posts #1441214you have set the comments and time to display: none – but let the text-separator be visible.
why don’t you set the parent container to display: none – then you can erase the two rules and set:
( maybe it is best to do this only for single posts ).html_elegant-blog #top.single .post-entry .post-meta-infos { display: none !important; }
if you like to synchronize it with the other widget titles:
#top #wrap_all .all_colors .sidebar .tribe-events h2 { font-family: var(--enfold-font-family-heading); font-size: var(--enfold-font-size-theme-h3); color: var(--enfold-main-color-heading); border-color: var(--enfold-main-color-border); font-weight: 600 !important; letter-spacing: 1px; border-style: solid; border-width: 1px !important; padding: 10px 0; border-left: none; border-right: none; margin-bottom: 15px; }
if you have set in quick css ( or advanced styling) different attributes than the default ones (f.e. font-size) then you have to adjust it to your needs.
April 27, 2024 at 5:58 pm in reply to: Change textcolor in logo when scrolling. Same as menubackground. #1441073if it is real text ( as participant i do not see private content area) –
you can even animate the color change:f.e.: ( adjust the selectors to your needs – you see the class header-scrolled is added after scrolling)
#top .logo-title { color: red; transition: color 2s ease } #top .header-scrolled .logo-title { color: green; transition: color 2s ease }
Yes – but on seo reasons it might be better to Not have a link here instead of hampering the Event.
April 27, 2024 at 12:11 pm in reply to: Change textcolor in logo when scrolling. Same as menubackground. #1441038using svg instead of jpg/png – it would be very easy to obtain this.
because Enfold places an inline svg on that case. And inline svg ( if it is pure vector svg ) could be influenced from outside ( quick css ) css rules.And now the profi tip:
1( Go to Google Font – choose your font – download it. You will get a ttf font.
2) Go to: Transfonter
choose svg as font:
download the converted font – unzip and pull out the svg you get.
3) Go to fontello – drag & drop that svg to the “custom icons” field.
4) choose your selected icons – name it and download that zip file –
5) upload that to Enfold – Import/Export/…. Iconfont Manager
;)see here – done with montserrat-regualar:
download here: https://webers-testseite.de/montserrat-numbers.zipPS: sometimes it might be neccessary to adjust the size of those font-icons.
eg:html body [data-av_iconfont="montserrat-numbers"]::before { font-family: 'montserrat-numbers'; position: absolute; left: 50%; top: 50%; font-size: 2em; transform: translate(-50%, -50%); }
see: https://webers-testseite.de/montserrat-numbers-2/
and – tip: you can combine more than one font-family in that upload.
you can generate your own icon font set on fontello.
Save from a vector program ( like illustrator ) your numbers as svg. And upload them to fontello: https://fontello.com/
big advantage: you can have those numbers in your prefered font-family.Well – i think there is no filter to do the job.
The lines in source code of loop-index.php are on elegant blog and big preview image from line 386ffif you comment these line out :
and then use instead of echo a return in the snippet:
function av_remove_featured_image_link($image) { if (is_single()) { $image = get_the_post_thumbnail( $current_post['the_id'], 'full' ); } return $image; } add_filter('avf_post_featured_image_link','av_remove_featured_image_link', 10, 1);
then it will come to your result:
https://webers-testseite.de/standard-post/yes you are right – the snippet turns the sequence to first image then titel.
Besides the css of setting only the pointer-events to none.:#top .template-single-blog main .big-preview.single-big a { pointer-events: none !important; }
there must be a hampering method to avoid generation of that link
try:
( but if you like to be more selective this code is too global for the layersliders)#top .avia-layerslider .ls-wrapper .ls-layer { line-height: 1em; }
layersliders do have on common a counting ID – like : #layer_slider_1 – you can use that to specify the slider etc.
Next hint: you do not need to make that in quick css.
On layerslider there is a css input field for the corresponding element. Select the layer – go to style and make your settings:
can you show me your page – and the concerning text to style.
first to know – commata on css rules at selectors will combine different selectors with the same setting.
the asterisk ( * ) is a known as “CSS universal selectors” and is a wildcard for everything.That : `#ls-global div .avia-layerslider .ls-wp -container .ls-layer > * means every child inside that selector will have that line-height.
But thats my question the first and second line there is no following element behind the “>” – on my opinion this makes no sense.
First will give a parsing error – second line will end in an unexpected token ;)If this code is realy from the developers – Then they didn’t want to that day.
it all depends on what you have set for blog layout and what to show on “Single Post Style” !
without seeing your page it is hard to give better advicethis is my test page – with code from above:
https://webers-testseite.de/standard-post/what kind of image you like to show – a non cropped – but smaller image?
you can set a max-width now for that full image.
it all depends on what you have set for blog layout and what to show on “Single Post Style” !
without seeing your page it is hard to give better advice
f.e.:#top.postid-45175 .template-single-blog main .wp-post-image { position:relative; max-width:calc(100% - 250px); left:125px; min-width:unset !important; margin-bottom:50px }
April 25, 2024 at 9:56 am in reply to: What is the best plugin currently to make site multilingual with Enfold? #1440780I am still one of the lucky ones who was able to buy a “real agency licence” a few years ago. Lifetime updates and an unlimited number of websites. – But that’s just a side note.
I’m perfectly happy, but I have to be honest and say that I don’t even use the options available in the extended licence. I usually translate myself, thanks to DeepL! Only if you want to use Woocommerc e, the extended licence is probably fully justified.– Yes you can have your dashboard totaly on your prefered Language ( that is set by your User settings from WordPress )
However, you must bear in mind that WPML has separate language sections for the Enfold options. So you may have to transfer the quick css settings from your default language to the translations in order to synchronise them. This is inconvenient, but can also be an advantage. An English menu, for example, can take up less space than a German one. Then it will be necessary to set the Hamburg breakpoint differently, etc. ppApril 25, 2024 at 8:35 am in reply to: Different color of “hamburger” when flyout menu closed and when open #1440763please remove your css code on that – because to many spans are selected – it is kept too general.
on opened burger there is a new class on html : av-burger-overlay-active/**** color of the bars***/ html.av-burger-overlay-active #top #wrap_all .av-hamburger-inner, html.av-burger-overlay-active #top #wrap_all .av-hamburger-inner::before, html.av-burger-overlay-active #top #wrap_all .av-hamburger-inner::after { background-color: red !important } /**** background color behind the bars***/ html.av-burger-overlay-active #top #wrap_all .av-hamburger { background-color: lime !important }
and if you like :
/**** to get rid of those borders left/right ***/ #top #wrap_all .av-main-nav > li.av-burger-menu-main a, #top #wrap_all .av-main-nav > li.av-burger-menu-main:hover a { border: none !important; background-color: transparent !important }
can you try this in your child-theme functions.php:
just a moment – i think there will be snippet to have both solutions in one. …
function custom_post_featured_image_link( $image_link, array $current_post, $size ){ if(is_single()){ $image_link = get_the_post_thumbnail( $current_post['the_id'], 'full' ); /**** or medium, square etc. ***/ } echo $image_link; } add_filter( 'avf_post_featured_image_link', 'custom_post_featured_image_link', 10, 3 );
on your menu settings – what links do you insert ?
have you placed Custom Links ? did you place relative or absolute path in the links ?maybe it is the space between the 1 and the em ;)
and – yes you are right – on orthographic rules there must be a space : but on css rules not.Your selectors seem to be strange too:
html * div .avia-layerslider .ls-wp-container .ls-layer > , body div .avia-layerslider .ls-wp-container .ls-layer > , #ls-global div .avia-layerslider .ls-wp -container .ls-layer > * { line-height: 1em }
what is behind the greater than sign in line 1 and 2 ?
PS :
repeat(5, 1fr) – is a short form of 1fr 1fr 1fr 1fr 1fr
if you need for one column a bit more place you can do that: 1fr 1fr 1fr 1.3fr 1fr ;)_______
i used on that installation the nice snippet from Ismael ( link ) to place the post-thumbnails besides the menu-items.function avf_wp_nav_menu_objects($sorted_menu_objects, $args) { // check menu name if ($args->menu->name != 'hauptmenue') return $sorted_menu_objects; foreach ($sorted_menu_objects as $menu_object) { if ( in_array($menu_object->object, array('post', 'page', 'portfolio')) ) { $menu_object->title = has_post_thumbnail($menu_object->object_id) ? $menu_object->title . get_the_post_thumbnail($menu_object->object_id, 'thumbnail') : $menu_object->title; } } return $sorted_menu_objects; } add_filter('wp_nav_menu_objects', 'avf_wp_nav_menu_objects', 10, 2);
a bit of css is needed then for dimension and placement.
Yes, Ismael, the changes have to be made in avia_google_maps_api.js – but since you’ve set the ternary operator, it shouldn’t bother those who don’t need the filter.
The change (read comments on snippet) only concerned instructions on how to create a code that could be used for filtering from the json code created by Google from that page: https://mapstyle.withgoogle.com/April 20, 2024 at 6:29 pm in reply to: Using svg file for logo, align left, how can I make it responsive for all? #1440433open your svg code and have a look if it has width and height information inside on svg tag.
by the way – you can simplify your svg code on svgomg
choose on right options : prefer viewbox to width/height
maybe that will help
Edit: i tested my suggestion on uploading a svg file with width and height information. There must be something different.
There must be a css rule in your setting that prevents your svg logo from fitting into the surrounding container – in any case, i didn’t have to set any extra css rules to achieve this.Can you please leave the topic heading as you have set it. On the one hand, the meaning of the answers will then be clearer, and on the other hand, all other attendees can also learn from the questions of other participants. If a question has been answered for you, simply post it here in a new answer.
doch ich las es;
nur wollte ich im Gegenzug wissen wo dein snazzy json her kommt, denn wenn du dem Link zu snazzy folgst, und dort mal ein Styling durchspielst, dann erhält man am schluss auch wie bei Google einen json code, der geschweifte Klammern und Doppelpunkte enthält.
Daher wollte ich wissen woher dein Snazzy Code kommt.Außerdem war mein Kommentar oben ja:
Changes in avia_google_maps_api.js are the same – and because it is set by a ternary operator there is nothing to stop it being included for the next release – right?
Es würde auf Grund der Verwendung eines ternären Operators jene die das Filter und diese Einstellungen nutzen auch nicht stören, wenn man es in Enfold aufnehmen würde.
Da ich auch Borlabs Nutzer bin – wäre das sicherlich eine Bereicherung.
complete Code to set into child-theme functions.php:
( the changings in avia_google_maps_api.js stayes the same)add_filter( 'avf_gmap_vars', function($maps) { $googleStyles = [ [ "featureType"=> "all", "elementType"=> "geometry", "stylers"=> [ [ "hue"=> "#006cff" ] ] ], [ "featureType"=> "all", "elementType"=> "geometry.fill", "stylers"=> [ [ "hue"=> "#006cff" ] ] ], [ "featureType"=> "all", "elementType"=> "labels.text", "stylers"=> [ [ "hue"=> "#006cff" ] ] ], [ "featureType"=> "all", "elementType"=> "labels.icon", "stylers"=> [ [ "hue"=> "#006cff" ] ] ], [ "featureType"=> "landscape.man_made", "elementType"=> "geometry", "stylers"=> [ [ "hue"=> "#006cff" ], [ "saturation"=> "100" ] ] ], [ "featureType"=> "poi", "elementType"=> "all", "stylers"=> [ [ "visibility"=> "off" ] ] ], [ "featureType"=> "road", "elementType"=> "geometry", "stylers"=> [ [ "lightness"=> 50 ], [ "visibility"=> "simplified" ] ] ], [ "featureType"=> "road", "elementType"=> "labels", "stylers"=> [ [ "visibility"=> "simplified" ] ] ], [ "featureType"=> "transit", "elementType"=> "labels.text", "stylers"=> [ [ "visibility"=> "off" ] ] ] ] ; $maps['av_google_map']['av_gmap_0']['styles'] = json_encode($googleStyles); return $maps; });
that it will work – i wrote as comment above:
// all curly brackets had to be changed to square brackets // and the ":" had to be replaced by: "=>"
so transformed is:
[ [ "featureType"=> "all", "elementType"=> "geometry", "stylers"=> [ [ "hue"=> "#006cff" ] ] ], [ "featureType"=> "all", "elementType"=> "geometry.fill", "stylers"=> [ [ "hue"=> "#006cff" ] ] ], [ "featureType"=> "all", "elementType"=> "labels.text", "stylers"=> [ [ "hue"=> "#006cff" ] ] ], [ "featureType"=> "all", "elementType"=> "labels.icon", "stylers"=> [ [ "hue"=> "#006cff" ] ] ], [ "featureType"=> "landscape.man_made", "elementType"=> "geometry", "stylers"=> [ [ "hue"=> "#006cff" ], [ "saturation"=> "100" ] ] ], [ "featureType"=> "poi", "elementType"=> "all", "stylers"=> [ [ "visibility"=> "off" ] ] ], [ "featureType"=> "road", "elementType"=> "geometry", "stylers"=> [ [ "lightness"=> 50 ], [ "visibility"=> "simplified" ] ] ], [ "featureType"=> "road", "elementType"=> "labels", "stylers"=> [ [ "visibility"=> "simplified" ] ] ], [ "featureType"=> "transit", "elementType"=> "labels.text", "stylers"=> [ [ "visibility"=> "off" ] ] ] ]
will result in: https://webers-testseite.de/enfold-map/
-
AuthorPosts