Forum Replies Created
-
AuthorPosts
-
read carefully – my posts – if it works on my Enfold it should work on yours too:
https://webers-testseite.de/?s=WordpressOk –
if you are interested in that solution – just download the logo ( svg ) and we will find a satisfying solution.
PS ( See mobile Solution aswell )
If you will do that – it might be better either to have on the big logo a background behind the letters ( maybe semitransparent) – or to have a littel outline on the letters. Sometimes you got a light background – then the dark outline will be good to have – or you got a dark background- then the white letters have enought contrast.yes – thats what i like to see. This is a logo that could be easily created as svg ( vectorbased ) logo.
You can move Groups in that svg separatly – and the trigger will be the class on header : header-scrolled.see here an example with your approximate logo ( man of tomorrow and avenir next ) and some changings on scrolled version.
of course there is still some css code to be optimized – especially for the responsive case, but this is a possibility to change with one and the same logo portrait and landscape even animated.https://webers-testseite.de/g-parx/
see here your logo : https://webers-testseite.de/g-parx-logo.svg
look to the source code in your browser – you can see that i grouped the way we want to move parts of the logo:
( click to enlarge )

And your posts and pages all got featured images ?
Danke Dir, dann geht aber auch mein Script – ohne Probleme
-
This reply was modified 4 years, 8 months ago by
Guenni007.
see here: https://kriesi.at/support/topic/show-featured-images-in-search-results-page/#post-805253
and alternative – a little image inside the circle.
go and create a subfolder to your child-theme : includes
put in the edited : loop-search.phpyou can see the edited element here: https://pastebin.com/KQYvfYhm
download: https://pastebin.com/dl/KQYvfYhmonly lines 33,34,35 are added
Guess if the folder structure is similar to the parent folder structure – this will take effect immediately – otherwise try this:
https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-albThe Rest is quick css styling.
can i see your page – and the logo?
April 22, 2021 at 11:50 am in reply to: responsive tables: missing heading-row headline (before-element) #1296011you can follow this : https://kriesi.at/support/topic/responsive-table-not-listing-correct-row-style/
on the bottom there is a css solution for that
there is one possibility i see with enfold – but in your case you had to do that for each language.
On content elements you got that alb element : page-content.
If you place this element inside your pages – it will be synchronized whenever you edit that inserted page.i used this alb in former enfold versions to have a page as footer! But i do not know if this is what you are looking for.
so you got a different Enfold than me?
You see on the example page that it works?
have you a link for me to see what is the issue?sorry Ismael – a grid-row with .container ? ;)
The Grid-Row itself got that class: .container_wrap
or do you see more info about the page – is it a grid-row he is talking about?i do not see his page – but even with that class adjustment he will have trouble if .main_color is set to something different than white.
my solution for that is to wrap the grid-row in a container that has the attributes of a color-section.
Just give the custom-class: grid-notfull to the grid-row element.
The additional class – added by the script color1 is for custom color if you would like to deviate from the default setting.See example page – https://webers-testseite.de/grid-row-alb/
- on top normal grid-row
- in the middle : grid-row with that custom-class : grid-notfull
- on the bottom : grid-row with only css setting ( set the .container_wrap to max-width )
here is the little snippet for child-theme functions.php:
function grid_layout_notfull(){ ?> <script> (function($){ $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize color1"></div>'); $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" }); $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 25px"}); })(jQuery); </script> <?php } add_action('wp_footer', 'grid_layout_notfull');adjust the grid-notfull class to your settings ( your container generall setting on Enfold Options)
The padding has to be adjust tooand you do not have this on your WPML Settings ?

The Menu Language Switcher : “Add a …
Try that to get into main menu your switch.
To get rid of the header_meta you got the right instruction :#header_meta .avia_wpml_language_switch { display: none; }do you have some quick css entries ? – find some errors there ( for example a missing closing bracket ) or some missing semicolon.
( Missing closing curly brackets are very common in media-query rules. )
These settings you describe ( general layout -> Dimensions. ) comes after the quick css entries – so if there is an error on your quick css the following rules do not have any effect.
You can also post your quick css here – but please use the code tag in the bar above.
April 22, 2021 at 12:52 am in reply to: PORTFOLIO POST – 3 videos or more causes problem when encased in 2/3 column #1295897there must be a difference on your setting between these three videos.
i can all embed them in a 2/3 column.: https://webers-testseite.de/portfolio/canopy/can you please do the following: erase the third video alb element and duplicate the second one.

now there are again 3 video alb elements – open the last and only replace the video link to :https://vimeo.com/267273195and lets see what happens
i can only strongly advise not to self-host videos of this size. Your server will go down if even one or two visitors to your site watch the video.
This is one of the reasons for the existence of Vimeo, Youtube, etc.
Gerne !
aber auch ohne eigenes markup
so leider noch nicht
if you have your icon boxes in a column (e.g. one icon box in each 1/3 column), imitate the complete icon box by moving the icon box over the edge of the column.
See here ( on the bottom animated) how you can achive this. :https://webers-testseite.de/equal-height/
you only have to colorize the background of the columns and make the whole iconbox transparent ( except the icons itself )
to complex for me now.
or with ternary operators a little shorter:
function ava_tab_section_arrows(){ ?> <script> (function($) { $('.av-tab-section-container').each(function() { $(this).find('.av-tab-section-outer-container').prepend("<div class='av-tabsection-navs av-tabsection-nav-prev'>⟨</div><div class='av-tabsection-navs av-tabsection-nav-next'>⟩</div>"); var arrowColor = $(this).find('.av-tab-section-tab-title-container').css('background-color'); $(this).find('.av-tabsection-navs').css('color', arrowColor); var that = this; $('.av-tabsection-nav-prev', this).on('click', function(){ var activeElement = $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title'); activeElement.prev().length ? activeElement.prev().trigger('click') : activeElement.siblings(":last").trigger('click'); }); $('.av-tabsection-nav-next', this).on('click' , function(){ var activeElement = $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title'); activeElement.next().length ? activeElement.next().trigger('click') : activeElement.siblings(":first").trigger('click'); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_tab_section_arrows');by the way – loop these arrows
if the first tab is shown and you click to the left side the last sibling tab is shown – rotation like in post navigation:function ava_tab_section_arrows(){ ?> <script> (function($) { $('.av-tab-section-container').each(function() { $(this).find('.av-tab-section-outer-container').prepend("<div class='av-tabsection-navs av-tabsection-nav-prev'>⟨</div><div class='av-tabsection-navs av-tabsection-nav-next'>⟩</div>"); var arrowColor = $(this).find('.av-tab-section-tab-title-container').css('background-color'); $(this).find('.av-tabsection-navs').css('color', arrowColor); var that = this; $('.av-tabsection-nav-prev', this).on('click', function(){ if($(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').prev().length){ $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').prev().trigger('click'); } else{ $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').siblings(":last").trigger('click'); } }); $('.av-tabsection-nav-next', this).on('click' , function(){ if($(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').next().length){ $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').next().trigger('click'); } else{ $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').siblings(":first").trigger('click'); } }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_tab_section_arrows');yes and if you change content of hover it will do that too:
.more-link:hover:after { content: "click"; background-color: green; transition: all 0.5s ease; }try this only in quick css:
.more-link { border: none !important; } .more-link::after { content: "Leia mais"; display: block; width: 250px; height: auto; position: absolute !important; top: auto; bottom: 42px; background-color: #a22137; color: #fff; padding: 10px 0; margin: 30px auto 20px auto; border: 2px solid #fff; transition: all 0.5s ease } .more-link:hover:after { background-color: green; transition: all 0.5s ease; }and you did not check that only on your child-theme functions.php:
function my_text_strings( $translated_text, $text, $domain ){ switch ( $translated_text ){ case 'Read more': $translated_text = __( 'Leia mais', $domain ); break ; //for more translations duplicate this line to the next one } return $translated_text; } add_filter('gettext', 'my_text_strings', 20, 3);the po – mo file ( both had to be edited)
if you have changed the po file with poedit for example – the mo file is generated by that program by default – both files had to be uploaded.
best would be to upload them into a subfolder of your child-theme – name it : langthen to use a child-theme lang file you had to put this in child-theme functions.php:
function overwrite_language_file_child_theme() { $lang = get_stylesheet_directory().'/lang'; return $lang; } add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');but quick and dirty can be that solution – without the above said: ( give it a try )
again this is placed in child-theme functions.phpfunction my_text_strings( $translated_text, $text, $domain ){ switch ( $translated_text ){ case 'Read more': $translated_text = __( 'Leia mais', $domain ); break ; //for more translations duplicate this line to the next one } return $translated_text; } add_filter('gettext', 'my_text_strings', 20, 3);April 20, 2021 at 10:25 am in reply to: change default caption from h2 to h1 on Easy Slider #1295478But you know that you can switch to h1 on the advanced tab of the slide itself – where you input the caption? :

you can change the default heading to h1 on all sliders – because the filter is only in the av-helper-slideshow.php.
So influence of that is for easy slider , full-width slider and full-screen slider aswell.this to child-theme functions.php:
function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){ if( $context == 'avia_slideshow' ){ $args['heading'] = 'h1'; } return $args; } add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );One thing to mention – of course, you shouldn’t set up the hover styles, because the mobile devices don’t support that.
So either you hide these arrows then – or you have to set up the settings for avia_desctop class only and leave the opacity at 1 for the avia_mobile.
Sorryf.e.:
.avia_mobile .av-tabsection-navs { opacity: 1; } -
This reply was modified 4 years, 8 months ago by
-
AuthorPosts
