Forum Replies Created
-
AuthorPosts
-
October 29, 2017 at 7:26 pm in reply to: Display logo in ‘Sidebar Flyout menu’ and hide in header #870185
look here: https://kriesi.at/support/topic/logo-isnt-showing-in-mobile-menu/#post-868215
now it is a bit easier because the new 4.2 got now every burger-menu list point a unique id so on #avia-menu you can set the menu-item-id to display none. on burger-menu – do nothing.the method ist to put in menu two home links – the one shows the text the first one is replaced with the img src .
This first one you set on #avia-menu to display none.try this in quick css and have a look what happens to the very small screens (drag your browser-window extremly small)
if all fits well in this case too – it is ok otherwise you have to do more css to fit for that case#socket .container { text-align: center } #socket .copyright { float: none; width: 100% }
October 28, 2017 at 4:59 pm in reply to: Search icon left, logo center and burger menu right in mobile view #869968that means on non responsive case you have the text menu?
no difference between the codes – only if you have a top-navigationAnd Safari not solved.
By the way – did the .mejs-container only exists if a self-hosted video is set.
on my test page i only inserted youtube video – and no way to find that class.the original image is on : https://kriesi.at/themes/enfold-construction/files/2015/10/house-wire-model-fade-white.png
kriesi has now https too and therefore the links are new
October 28, 2017 at 4:20 pm in reply to: Search icon left, logo center and burger menu right in mobile view #869953so it depends now if you have social icons on the right side – if so we had to style the positioning again
f.e. the.avia-menu.av_menu_icon_beside
October 28, 2017 at 3:52 pm in reply to: Search icon left, logo center and burger menu right in mobile view #869929have a look to this –
i do not know if you have social icons too besides the burger menu icon
and how did you center the logo (its in my code implemented)
you have to style it for the different responsive cases.https://webers-testseite.de/elegant/
you must use a child-theme for this solution:
this comes to functions.php of yout child-theme:
add_filter( 'ava_main_header', 'avia_append_search_header_mod'); function avia_append_search_header_mod() { global $avia_config; ob_start(); get_search_form(); $form = htmlspecialchars(ob_get_clean()) ; $items .= '<div id="menu-item-search"> <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'> <span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span> </a> </div>'; echo $items; }
this comes to quick css:
div .logo, .logo img, .logo .subtext img { left: 50%; transform: translateX(-50%); } #top #header_main #menu-item-search { position: absolute; left: 25px; top: 25px; } #top #header_main #menu-item-search a { color: #333; font-size: 24px; } .responsive #top .logo { position: relative; }
the page concerning to is the landing-page of that demo
and i recognised that if i choose on this case not the contain option. If we take there the no-repeat it will be the best for ipad etc.
but i can not force it by media-queries .see here with position fixed but center center and no-repeat ! ?
well it is not as easy as to place it in quick css. on shortcodes.css replacement it has an effect.
perhaps you edit the keyframe too – it looks better – the distance of transformation is to short to see a faster animation.f.e.
@-webkit-keyframes avia-ltr { 0% { -webkit-transform:translate(-50%,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes avia-ltr { 0% { transform:translate(-50%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } }
see https://webers-testseite.de/elegant/animated-images/
PS: try to set the keyframes on quick css – i did not test it – if it works
you see that this is only one example of /*animation variations*/
i see alot of animation on your site but not where you uses the enfold implemented one. I see some transfomings with matrix.
Where are your animations to style ?And where is the enfold theme ? :lol
https://js-interactive.com/by the way – very impressive !
i believe it is on wpml easy to obtain – under the wpml options there are on Languages just under Language URL Format the:
Language switcher options
All language switchers in your site are affected by the settings in this section.there is “How to handle languages without translation” try to choose skip language and see what happens
hm – just a moment –
yes indeed
But please think of it if the sprite method is an option to do it – it is used for a long time and has the advantage that the image is completely loaded before someone hovers the image.
Less http request is one reason for it. See here a nice Article about Sprites: https://css-tricks.com/css-sprites/
And here is a Sprite Generator if you are not familiar with photoshop. https://www.toptal.com/developers/css/sprite-generatorsometimes the video starts automatically – sometimes it is only a screenshot seen. and the playbutton on it has no function
Dont know.on shortcodes.css there are some extra entries for the customisable down arrow.
just one line above – on line 369 :
new 4.2:div .av-section-color-overlay{position: absolute; top:0; left: 0; bottom: 0; width:100%; }
old 4.12div .av-section-color-overlay{position: absolute; top:0; left: 0; height: 100%; width:100%; }
i replaced this old line in the new 4.2 shortcodes css – and voila even Safari plays the video again.
https://webers-testseite.de/elegant/beispiel-seite/
PS do not wonder – i changed a bit in section.php to have the possiblity to mute or unmute video background.
EDIT: wow just now ? only safari makes some troubles.
OK – we had to search for it – this is not the solution.
-
This reply was modified 7 years, 8 months ago by
Guenni007.
as far as i can see on color-section only the customisable arrow key was new.
i don’t know why – i’m often exempted from those bugs.
Maybe it is because i do always update via ftp –
i empty all cache before updating and – switch of all caching tools ( wp-supercache , bwp-minify )
i do completely erase the enfold folder.
and then uploading the new one.Edit : well on safari there is a fault – on all the other browser it works as expected.
-
This reply was modified 7 years, 8 months ago by
Guenni007.
October 26, 2017 at 6:02 pm in reply to: How do I change the button and font color of “submit” button in contact form? #869273open your page on which you like to change it – goto your browser menu and look to the source code.
The body has the page id (looks this way page-id-2604) and is a class . Because body is a parent of main_color classthan try (in my example)
.page-id-2604 input[type='submit'] { background-color: orange ; color: black; border-color: orange; } .page-id-2604 input[type='submit']:hover { background-color: red; color: white; border-color: red; }
yes – but even i’m (lol) not able to get it. The display table is tricky.
Can you please post the whole error – that would be helpful
hm i have installed new Enfold on a test page and integrated the new audioplayer on the starting page – i do not have these troubles.
mod_fcgid seems to belong to bwp-minify (Groups.php) .
if you have installed it – please try to deactivate it – to prove if it comes from that.there is on bwp minify on tab “manage enqueued files” the options to exclude js and css from minifying.
If you are shure that it could be the player than try to exclude wp-playlist.js.avia_wpml_language_switch { display: none !important; }
did you try to increase the php memory limit – often it is set to low by isp.
You can try to set it by yourself via config.php filedefine( 'WP_MEMORY_LIMIT', '256M' );
or try first 128M
maybe this causes the error.
there are some nice plugins to have info about the memory usage: WP-Memory-Usage f.e.
well – i alway use a child-theme and do always manual update by ftp. this is the most secure way.
Did you update via WordPress Update Routine on Dashboard?
Are you using a child-theme – if so : try to upload the whole enfold folder via ftp – make it clean – delete before the existing folder.I did it this morning and have no troubles til now.
If you are updating from a very old version – try the hint with the php version number. Login to your ISP and have a look what Php version you are using. Because i think since enfold 4.1 it is 5.6 recommended.Is there a php memory limit to your installation. some ISP set it to a limit – you can try to increase it ( f.e. via wp-config.php)
-
This reply was modified 7 years, 8 months ago by
Guenni007.
October 25, 2017 at 11:11 am in reply to: I need a simple, blank page with no header/no navigation #868656Yes – but if someone likes to open your homeurl/contact or homeurl/imprint some pages that are often used – the site is than visible.
have a look to it when text is centered and icons are under each other ( text-align : center) i think that is nice too !
De rien, pas besoin de me remercier
by the way the tranlate rule is wrong pasted but anyway this will be better so please test this first
the icons under each other and the text centered
remove the rules before and test this – this is important remove it ( the left 40% etc)
don’t know if flex design is allready used in modern browsers but you can test this:
.iconbox .su-list { display: inline-flex !important; } .iconbox .su-list ul li { position: relative; list-style-type: none !important; display: block !important; line-height: 1.3em; margin: 0 !important; padding: 4px 0 4px 2em !important; text-align: center !important; }
please do erase all the rest you tried till now:
.su-list ul li { position: relative; left: 50%; transform: translateX(-50%); display: table !important; }
maybe you play a bit with left positioning
BUT ! now you have to say if you only wanted to have it more specific. Because it goes to all su-lists
maybe you set a custom css on that fields where you like to have it
f.e. if you only want to have it on iconboxes:.iconbox .su-list ul li { position: relative; left: 47%; transform: translateX(-50%); display: table !important; }
so if you have done that:
you have to get rid of the image in normal menu !
custom-class from the menu will help you : set it to display noneas long as 4.12 does not take over the classes set in menu – then the display none will be enought !!!
maybe for your svg it is needed to set a width option
and to shift it a bit#av-burger-menu-ul li:first-child img { width: 300px !important; position: relative; left: -30px; }
see here: https://webers-testseite.de/weber/
-
This reply was modified 7 years, 8 months ago by
-
AuthorPosts