Forum Replies Created
-
AuthorPosts
-
you always have to look for the right selector. On some portfolios ( f.e. Masonry Portfolio Grid ) these images are background-images and no avia-image
but the transform on hover goes to the same selector:
on many instances it looks nicer to have the hovered style colored so:.avia_desktop .av-masonry-entry .av-masonry-image-container { -webkit-filter: grayscale(100); filter: grayscale(100); } .avia_desktop .av-masonry-entry:hover .av-masonry-image-container { -webkit-filter: grayscale(0); filter: grayscale(0); }
PS : The best thing is to familiarize yourself with the development tools of each browser ( most of them have one ) to always find the right selectors. It is not that difficult. Point the mouse to the place you want to investigate, and then click on “investigate” or similar in the context menu (usually the right mouse button).
February 2, 2020 at 9:18 am in reply to: Change slide-entry-title entry-title from h3 to h2 #1180648im looking for a solution with filter of enfold: avf_customize_heading_settings
maybe a mod can give us advice to use it on that element
___________________________but this will work fast too with maybe with more specifity if the selectors in that line:
replaceElementTag( …)
are more “picky”:function replace_tags_with_tags(){ ?> <script> (function($) { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('h3.entry-title', '<h2></h2>'); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');
by the way – there are css settings for h2 ( f.e. uppercase etc. ) you have to adjust those settings after change
you can have on that snippet more than one replacement . just add new lines as:
replaceElementTag('h3.entry-title', '<h2></h2>');
under each other – semicolon separatedSo for blog.php the postslider give his part in it so context is : avia_sc_postslider
but this does not have effect:function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){ if( $context == 'avia_sc_postslider' ){ $args['heading'] = 'h2'; // change heading from h3 to h1 $args['extra_class'] = 'custom-class'; // add an extra class for styling } return $args; } add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );
to use the filter we need to have the
on a avia_sc_content_slider it could be done this way:
function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ) { if( 'avia_sc_content_slider' == $context && is_array( $extra_args ) && in_array( 'slider_entry', $extra_args ) ) { $args['heading'] = 'h2'; $args['extra_class'] = 'custom-class'; } return $args; } add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );
Or:
with extra_args : slider_title___________
but how to handle it on : avia_sc_postslider
the extra_args are a bit different there$default_heading = 'h3'; $args = array( 'heading' => $default_heading, 'extra_class' => '' ); $extra_args = array( $this, $index, $entry );
And how to use it globaly with no custom-class ?
February 1, 2020 at 10:16 pm in reply to: Change slide-entry-title entry-title from h3 to h2 #1180557hm on every page i look for – f.e.: https://kriesi.at/themes/enfold-2017/category/uncategorized/
the headings are allready on h2.
So is there a link to your pages i can see the issue?Or do you mean the grid layout: https://kriesi.at/themes/enfold-2017/blog/blog-default/
i thought that the word-break: break-all does not insert a dash.
There are already in the Chrome Forums petitions to take up hyphens soon (again)
Best Method is to set the “Predetermined breaking points” in a word manually with soft-hyphens.
these are f.e.­
see: Link
so you can have in a heading:super­cali­fragilistic­expi­alidocious
__________Only read further if you are familiar with editing code in php files.
One big disadvantage is on that – you do not see the once inserted softhyphens or non-breaking space if you will edit the alb.
And sometimes these editons will be lost on updating that alb ( headings f.e.)Günter wrote a little Plugin to use special characters on Inputfields ( tables, headings etc ) for example if you have a greater than sign :
Link to the github
if you open that little php file: avia-special-characters-plugin.php you see on lines 41ff the list
because i do not want to write 3# before and 3# my list is edited to:$this->translate = array( '#lt#' => '<', '#gt#' => '>', '#amp#' => '&', '#91#' => '[', '#93#' => ']', '#quot#' => '"', '#34#' => "'", '#br#' => '<br/>', '#p#' => "< p >", '#shy#' => '', '#nbsp#' => ' ', );
sorry Boardsoft rendered the last signs in the wanted way – here is the image :
from that on – if you wrote in a header #shy# a softhyphen will be added – and it resists editing that alb and you see it in preview where you have set those special characters. Frontend renders them as wanted.
I guess he doesn’t want to have result suggestions under the search box.
try this in child-theme functions.phpadd_action('avf_frontend_search_form_param', 'av_disable_ajax_search',9); function av_disable_ajax_search($params) { $params['ajax_disable'] = true; return $params; }
January 29, 2020 at 12:36 am in reply to: Little bug in ALB – option to add cell beneath a row doesn't fit #1179251put this to quick css:
adjust right position to your language – seems to be a matter of translation:
on english it is just Add Cell (very short).avia-set-cell-size { right: 135px !important; }
Wenn man mal im Text irgendwo das heutige Datum benutzen möchte kann man sich einen Shortcode selbst in die child-theme functions.php setzen
:function date_shortcode() { $datum = date_i18n( 'l, j. F Y' ); return $datum; } add_shortcode('datetoday', 'date_shortcode');
ist dann so zu benutzen:
[datetoday]
schau mal hier ganz unten: https://webers-testseite.de/3columns/PS: diesen Shortcode kann man im Übrigen auch im Copyright Feld von Enfold einsetzen. !
Verstehe ich nicht – du kannst doch im Kontaktformular ein neues Kontaktform Element einfügen und editieren: unter Form Element wählst Du dann Datepicker.
PS dieses Datumsformat richtet sich im Wesentlichen nach den allgemeinen Einstellungen die du in WordPress gewählt hast – läßt sich aber auch individuell anpassen
It was just a trick to have this tab editable.
But with stretched layout it is not necessary, because the dynamic-css.php has a rule for this.
In this case the background color of the socket determines the html background color.have you refreshed the cache and the merging of enfold css?
show me the link to your site please
just for info : and now i found the reason why it is socket color: see dynamic-css.php lines 912ff
case '.socket_color': $output .= " html, #scroll-top-link, #av-cookie-consent-badge{ background-color: $bg; } #scroll-top-link, #av-cookie-consent-badge{ color: $color; border:1px solid $border; } .html_stretched #wrap_all{ background-color:$bg; } ";
so the code says – if you have a socket color and stretched layout – background-color is of html the same
So as i mentioned – allthough it might be body or html background – the color you set on socket is at the bottom when you have stretched layout.
or do it via quick css – this is the or
html { background-color: #FFFFFF !important }
Thats why i said : Go back to general layout and switch back to stretched Layout
This Tab : body background is only editable if you have the other layout settings – after saving – switch back your general layout.If you have boxed or fixed layout – you can ignore this – because then the body background is editable on default.
You never stop learning – it seems to be the socket background color too – allthough it is not present?
Seems only then on stretched layout that socket color is on background. . So guess you have to make bothgo to enfold genral layout – switch to boxed or fixed frame layout :
now go to general styling : body background : set it to a color. Save your settings
Go back to general layout and switch back to stretched Layout.i can not see private content – cause i’m participant as you.
so make it pubplic – or show me a page on demo sites where the problem arises too.
Or describe it better : what alb do you use and what options for it – then i can help
otherwise you had to wait til mods are heresometimes it helps on css to be more specific:
#top .avia-slideshow .avia-caption-title { -webkit-hyphens: auto; hyphens: auto; }
or if you can’t find a selector try it with
hyphens: auto !important
first : for what is the code above – Or where is the selector ?
second: in chrome – there is no support for auto on normal usage ( only on android and mac )
https://css-tricks.com/almanac/properties/h/hyphenate/#browser-supporton default (base.css line 54) the font is determined as:
body {font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; -webkit-text-size-adjust: 100%; }
that is a shortened form of font-size: 13px ; line-height: 1.65em
you see that line-height here has a relative value.If you set a different font-size on : Enfold – General Styling – Fonts : Default content font size
this value is set to a different font-size.the standard font-size definitions are set on base.css ( line 92ff):
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;} h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; } h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/ h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/ h5 { font-size: 16px; line-height: 1.1em; } /*17*/ h6 { font-size: 14px; line-height: 1.1em; }
January 24, 2020 at 3:24 pm in reply to: Left Side: One big column; Right Side: More Elements #1178143just use the grid-row element – you can set the cellsize to 3/4 and 1/4
on the left your content ( it is a drag and drop element like color-section) and put in the cells 1/1 container.
If you like to have now the grid-row element not full-width : you can do it only with css – but i did this to 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 50px"}); })(jQuery); </script> <?php } add_action('wp_footer', 'grid_layout_notfull');
you have to adjust that script to your Enfold Settings of Content Width.
https://webers-testseite.de/nesting-columns/i got for this for all focus states and on tabs
.tab.active_tab, :focus { outline: none !important; }
best – i think is to give it to the: #header .avia_mega_div
and that is the selector where you can change even the box-shadow – maybe a glooming white will be nice for your site.#header .avia_mega_div { border-radius: 20px; box-shadow: 0 0 15px 5px rgba(255,255,255,1) !important; }
The second link you have specified – do you mean the dividers between sections?
( on top it is only a svg file as background-image – thats possible in Enfold too )
I fully agree, that would indeed be a very, very nice thing to have.
It is possible to get it via child-theme functions.php and some svg usage – but this is something that is not easily accessible by normal users.
( see here some examples: https://webers-testseite.de/guenni/ )Enfold already has a suitable place where you can place these dividers. Each color section has a div.container as a direct child. These separators can now be placed in front or behind this div (as sibling). The rest is then only css.
______
That little movement of the mobile on scrolling down – can be obtained via waypoint script ( that is already implemented in enfold)
but this too: is something that is not easily accessible by normal users.
https://webers-testseite.de/images-in-motion/on the first page of the fullwidth easyslider there is an option to choose:
Autorotation active?
Check if the slideshow should rotate by default
it is on default to : no
did you change that?_____
you mean the footer widget area.
First of all : goto Dashboard – Enfold (Child) – Footer and see what you have here
you have the choice to determine the outlook of your footer here!
Here is the setting on what to show – how many widget areas will be shown on frontend, and the copyright info on your very bottom of your page.It seems that you have 3 Footer widget-areas here.
So now goto Dashboard – Appearance – Widgets
you see three footer widget areas here. ( footer – columns) each of them has a littel toggle arrow on the right.
you can place the widgets on the left by drag&drop them to the widget-areas.
Or the same thing on each widget there are toggle arrows too: press them and choose a widget-area they should be placed.
I prefer the drag&drop method.
If the footer-widget-area ( f.e. footer-column1 ) is empty – enfold places a dummy content in there.
these are in for first , second, etc.:
Interesting links / Pages / Categories / Archive / Bookmarks
( by the way this is determined in the file : enfold – includes – admin : register-widget-area.php )Well for copy a whole page or post etc – something that was working long time with enfold is to activate the debug mode and copy/paste the enfold shortcodes under the editor field. After saving the pasted code – you have to adjust the image links etc
Activate the debug mode – put this to child-theme functions.phpadd_action('avia_builder_mode', "builder_set_debug"); function builder_set_debug(){ return "debug"; }
__________
On newest enfold there is now one new feature : Export Layout Builder Templates on Import/Export Tab.
this is to exchange all of your templates made in one installation
-
This reply was modified 5 years, 5 months ago by
Guenni007.
January 22, 2020 at 10:55 pm in reply to: media queries not working in styles.css in Child theme #1177349this syntax is absolutely correct – but what about before this entry. Is that all you got in your quick css ?
January 22, 2020 at 6:08 pm in reply to: Adjusting JPEG compression via functions.php file (works only in theme file!) #1177243there must be a different error. This is a fundamental behavior of WordPress itself.
If there is a “Pluggable-Function” used – and this is allways the case if it is built via :if (!function_exists('my_parent_theme_function')) { function my_parent_theme_function() { // Code of your pluggable function } }
you can allways override the function this way (without the if-clause) in child-theme functions.php with :
( because – child theme functions are being executed first in WordPress)function my_parent_theme_function() { // Code of your pluggable function }
so maybe you are willing to post your whole child-theme functions.php here – to see if there are additonal errors.
_________
a link f.e.: https://mhthemes.com/support/knb/overriding-parent-theme-functions-child-theme-tutorial/
January 22, 2020 at 5:40 pm in reply to: How to disable tabs on element edit in new enfold?? #1177237Thanks Günter – i can wait till next update
-
This reply was modified 5 years, 5 months ago by
-
AuthorPosts