Forum Replies Created
-
AuthorPosts
-
did you read carefully and give to that menupoint with the image a custom class: logoimg ?
not a title !
you know how to give a custom class to the menu point? If not tell me to show you how.Edit – sorry i see you got it too – i see on your source code.
________
but i see that you are not working with child theme?
August 28, 2018 at 10:06 am in reply to: Make active menu item bold, not all sub-menu items #1002614yes – if you like to have the parent bold too – than this will be easier.
the code only highlites the active menu point ( not the parent of an active menu item)i meant: if you got a top level menu point which does not have submenu !
the color: red is for me just to see it better on menu:
#av-burger-menu-ul :not(.active-parent-item) .current-menu-item > a .avia-menu-text { font-weight: 700 ; color: red ; } #av-burger-menu-ul li.current-menu-item:not(.av-width-submenu) > a .avia-menu-text { font-weight: 700; color: red ; }
guess it will work without !important
it is only the half solution !
if there is a top level point this does not do the trick – i have to look deeperallthough i do not see your page link : try this please:
#av-burger-menu-ul :not(.active-parent-item) .current-menu-item > a .avia-menu-text { font-weight: 700 !important; color: red !important; }
but now i’m looking for the soluiution if there was a top menu point
to come:and you can not do what you want to do with advanced layerslider? – you have to use the color-section ALB Element?
on modern Iphones with newer OS the playsinline and muted parameters will do the job on embedding via html5.
<video playsinline autoplay loop muted …but i guess you have inserted the video in a different way
i did it here on a test-page – but with advanced layerslider – and html5 code: https://webers-testseite.de/weber/
And i hope that even for small screens this is also visible on Iphone7/8/XAugust 27, 2018 at 1:30 pm in reply to: Bug: "Add Elements to ALB" snippet from docu causes error in slider element #1002269but thinking about the code – why does it not work if there is on enfold/shortcodes the substitutes ?
the :$template_url = get_stylesheet_directory();
should work on parent theme as well – or am i wrong.
I guess the whole fault is that all 4 files have to be in there!August 27, 2018 at 1:23 pm in reply to: Bug: "Add Elements to ALB" snippet from docu causes error in slider element #1002266and of course – read carefully.
Please upload all 4 files to your child-themes/shortcodes folder because the av-helper-slideshow.php rules the things for all 3 sliders. If one left original it has a wrong markup.
: because the av-helper-slideshow.php rules the things for all 3 sliders
: and If one left original it has a wrong markup.so you can replace them in parent theme as well – but you will loose those changes on next update of your parent theme.
And – i think you have to pull the replacement files into the right folders ( you don’t need to do that on child-theme)
slideshow – slideshow_fullscreen – slideshow_fullsize
the av-helper-slideshow is on shortcodes folderit works – now I just hope that the spammers will not switch to other country addresses.
and if I don’t get the mega order from China now , then it’s fate.or you take the grid-row and do all the things you have done.
Only thing is to have the grid-row not fullwidth – but to have it like 1/1 on normal max-width (on default it is 1310px)to have a grid-row not fullsize – just give a custom-class to the grid-row element : grid-notfull
and do this to functions.php of your child-theme ( if you got different max-width on Enfold – General Layout setting you have to adjust it to):function grid_layout_notfull(){ ?> <script> (function($){ $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize"></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 20px"}); })(jQuery); </script> <?php } add_action('wp_footer', 'grid_layout_notfull');
thanks dude :
and best would be for me ( i got always a lot of customised alb elements) to load this script instead – if i got a custom contact.php in my child-theme/shortcodes folder and this edited new contact.js.
I have then edited the contact.php tofunction extra_assets() { //load css wp_enqueue_style( 'avia-module-contact' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/contact/contact.css' , array('avia-layout'), false ); //load the new js wp_enqueue_script( 'avia-module-contact' , get_stylesheet_directory_uri().'/shortcodes/contact.js' , array('avia-shortcodes'), false, TRUE ); }
– it works ! but:
what is the difference between is_ext_email and is_email
do i have to do it with this part too?
if(classes && classes.match(/is_ext_email/))
– yes pleas follow Rikards link – i guess this is the way to do.
To have a different heading and a background you can do this to quick css:Just test it and look:
#customer_login { background-color: #ddd; } .woocommerce-form-register.register { min-height: 265px; border: 1px solid #023744; } .u-column1.col-1, .u-column2.col-2 { padding: 20px; text-align: center } .u-column1.col-1 { background-color: #023744} .u-column2.col-2 { background-color: #ddd } .u-column1.col-1 h2, .u-column2.col-2 h2 { display:none } .u-column1.col-1::before, .u-column2.col-2::before { word-wrap: break-word; font-weight: bold; font-size: 34px !important; line-height: 46px; } .u-column1.col-1::before { color: #fff; content: "Sign up to receive your \A free CORTIME trial" } .u-column1.col-1::after { color: #fff; font-weight: normal; word-wrap: break-word; white-space: pre-wrap; content: "By signing up you will automatically receive our newsletter. Don't worry - we hate spam just as much as you. \A\A We will send you no more than 6 newsletters a year and you can always unsubscribe"; position: relative; top: 10px; } .u-column2.col-2::before { color: #333; content: "Already a CORTIME user? \A Log into your account here" } .col2-set .col-1 { width: 47% } .col2-set .col-2 { width: 53% } @media only screen and (max-width: 768px){ .responsive #top .col2-set .col-1, .responsive #top .col2-set .col-2, .responsive .cart-collaterals .shipping_calculator { width: 100%; } #customer_login { background-color: inherit } }
maybe you get rid of those social media logins:
.wc-social-login.form-row-wide { display: none; }
-
This reply was modified 6 years, 10 months ago by
Guenni007.
August 25, 2018 at 3:55 pm in reply to: can ENFOLD THEME it will have Image Before & After Element ? #1001658I think that this picture effect looks very nice at the beginning, but uses up very quickly
August 25, 2018 at 7:43 am in reply to: Move content to top for each tab when using Tab Section #1001506can i see that link too. Sometimes i found a solution.
i do that myself often to insert into a tab content field some alb shortcodes.
Thanks!
use instead svg support plugin.
another advantage: you see previews on mediathek. You can define a class that enables the replacement from img svg to svg inline.
Means if it comes to an image with a given class and a svg – it will insert instead the svg itself.
This is something i use often for the logo. Because you can do nice things with svg on hovering f.e.you can see it here on startpage: https://webers-testseite.de/cynthia/
shrinking the logo only blending some path in the svg out. Hovering makes only that path red.But indeed here it is also necessary to define (if it is not in the svg itself) a width for it – guess you can have a monster witdth – because it is than handled to 100% width through the Enfold settings:
img[src$=".svg"] { width: 3000px !important; }
PS : test that code first with your plugin aswell
August 25, 2018 at 6:38 am in reply to: can ENFOLD THEME it will have Image Before & After Element ? #1001482i think this is not only an avada theme thing. I remeber that i have used a plugin for that feature.
But i have to make a research for the name. it is a few years ago.Edit : yes – it is Twenty20 : Link
Link to a : Demo of Twenty20
-
This reply was modified 6 years, 10 months ago by
Guenni007.
just so it’s clear. I am concerned with solving your problem – not the other way round.
A child theme is a completely normal thing in the use of WordPress.
It is highly recommended to use one, too – many things will become easier, and are independent from the next enfold update, i.e. they will not be lost the next time the parent topic is updated.on the other hand, no one is forcing you to use a toggler. An Accordion does not have to be used either. These elements are used to design the length of the content in such a way that even with large amounts of content, pages are not too long. Such pages usually frighten away the normal visitor of a page.
A toggler therefore leaves the decision of whether or not to view content to the visitor of the site.So if you attach great importance to SEO, then create the content as single pages.
PS: If you want simple solutions, you have to be satisfied with simple requirements.
Yes – it is hard to make a statement only about the simulation in the developer tools.
So i’m glad that it works for you nowif you mean that toggler –
“Warum sie Diamantwerkzeug kaufen sollten” etc.this is not possible – it will work with that code above and:
as additional line:replaceElementTag('.togglecontainer p.toggler', '<h3></h3>');
but toggler is predefined over p tag – so there will be a lot to change in css to reach the toggle effect then.
ok i see your homepage now. – but where is the accordion ? – pleas look to your page and tell me the name of the alb element you used!
you want from h3 to h2 a change!
look to your source code of your page – allmost all modern browsers got developer tools
most you can go with your mouse over the element to inspect and then press context button of your mouse ( most right mouse button) – there will be something like inspect ( or inspect element) or so.the most snippets and scripts to enqueue go over that ( at the beginning empty) functions.php of the child theme.
all is above said:
to functions.php of your child-themeYoast : you have to make your meta settings for the whole page – not for the #tabs
the whole page is visible and readable too. See source code all tab content is there.
Google will index the whole page ! : http://thomasianwilson.com/learn
but it will not index it with the hash as single content e.g. for: http://thomasianwilson.com/learn/#tab-id-4the code above allows you to set the id to e.g: http://thomasianwilson.com/learn/#color-blindness
you see that allthough the first tab is active – the content of the second tab is not set to display:none.
it is in source code visible/crawlable/readable
(click to enlarge)
-
This reply was modified 6 years, 11 months ago by
Guenni007.
PS
this linereplaceElementTag('h3.aviaccordion-title', '<h2></h2>');
could be added by new lines in the same way (‘tag to replace’, ‘new tag’)
so you can use this for more replacementsput this in your functions.php of your child-theme:
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.aviaccordion-title', '<h2></h2>'); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');
-
This reply was modified 6 years, 10 months ago by
-
AuthorPosts