Forum Replies Created
-
AuthorPosts
-
September 16, 2016 at 8:54 am in reply to: Individual Logo from page to page – Seitenweise individuelles Logo #687331
is_singular( ‘portfolio’ ) sind auch nichts anderes als posts wenn du allerdings einzelne Portfolio Beiträge auswählen willst, dann geht das denke ich auch via is_single( ) und dann die ids der portfolios – versuchs mal
Wie gesagt wenn du alle Portfolios mit einem speziellen Logo versehen willst eben is_singular( ‘portfolio’ )PS: Du kannst im übrigen auch Tags setzen und diese ansprechen (zB logo1, logo2 etc als tag setzen und dann mit
is_tag( ‘logo1’ ) , is_tag( ‘logo2’ )
-
This reply was modified 8 years, 9 months ago by
Guenni007.
Er muss nur darauf achten, dass in zukünftigen Updates die formalen Versionen so benannt sind wie oben angegeben.
Halt mit WordPress Lang Files synchron!Sollten wir mal einem der Mods melden den kleinen Bug !
PS – ich habe es gerade mal nachvollziehen können. Lol: das ist wohl ein Bug – wie gesagt hatte ich schon lange meine Zweifel ob die formal Version benutzt wird.
Mach doch mal folgenden Kniff !
gehe per ftp zu deiner Installation und benenne die (formal Versionen) um
dort sind im Lang Ordner die beiden Dateien: de_DE.po und de_DE.mo bitte in de_DE_formal.po und de_DE_formal.mo so verwendet auch WordPress die beiden Versionen !Wenn du Dir mal Poedit (Freeware) besorgst, und damit dann die Sprachfiles von Enfold öffnest (de_DE.po) , dann Siehst du, dass nur gut 44% aller Strings übersetzt sind. Dazu gehört leider auch vieles im Admin Bereich!
Es gab jedoch in der Tat mal den Fall, dass selbst diese bei einem hier an Board nicht zur Anwendung kamen.
Daher meine Frage – ob Du garkeine Übersetzungen siehst – oder eben nur partiell die deutsche Übersetzung siehst.Btw: the translation of Enfold is not 100% – feel free to do the rest here : https://kriesi.at/support/topic/please-contribute-and-translate-enfold/
are you using a German WordPress?
You can see it on your WordPress Installation via ftp in wp-content / languages if there are de_DE Versionsby the way on one of the last updates of WordPress there was a comment after update that the define(‘WPLANG’, ‘xy_XY’); is obsolete (deprected)
on second remark: there are some inconsistences here on Enfold – sometimes i recognized that only the “Du” Version was set as default.
Making some translations with poedit on “Sie”Version does not have effect.i don’t know if it is yet at the moment. because you have the choice now in Settings with the new (since Version 4) language Chooser.
German (Sie) / German (Du) This works well – if you have installed the German Version of WordPress !-
This reply was modified 8 years, 9 months ago by
Guenni007.
And where did you use a h1 on that page ?
Even on your landing page – no h1 at all-
This reply was modified 8 years, 9 months ago by
Guenni007.
yes but this should do the trick if placed in Child-Theme functions.php
function change_lightbox_size() { return "full"; } add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);
does a fullscreen ( landscape or portrait; 16:9 or 4:3; etc. pp) work responsive?
what should happen to a landscape image if your mobile is on portait direction ?On fullscreen the limitation length (depends on aspect ration of your screen) is set to full and the rest is allways croped !
A fullwidth slider is a different thing – and this could be set up to be responisive under preserving aspect ration of the image.
first of all my advice is that you finish first the basic language at all.
After that there are on the right side of your editor those translate and duplicate options.
When duplicating the whole content of your basic language is copied to the marked language (on my page German)
Then you edit the content of the translation. What you see under that is a little addon from wpml – it synchronises the featured image and media files. (WPML Media).
If you like to copy some advanced layout builder elements (alb elements) to a different page there is a very nice feature of enfold:
here you can save a element and insert it on a different page !
@raylay: first there are some imgSize Settings in WordPress itself (media.php) thumbnail, medium, large, full
You can set up those sizes (full is the uploaded image itself) on dashboard/settings/mediaThe other settings come from Enfold functions.php from line 136 (Register additional image thumbnail sizes)
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize slider $avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);
on avia-template builder / shortcodes / there are av-helper-masonry.php line 511 set image-size of lightbox to “large”
on gallery.php line 173 set image-size to “large”Or do you use a third party lightbox (pretty photo etc. ) ?
Or is it for woocommerce or shop-images
and this here seems to be ruling the popup window size:
add_filter( 'avf_avia_builder_masonry_lightbox_img_size', 'enfold_customization_change_popup_size' ); function enfold_customization_change_popup_size( $size ) { return 'fullsize'; }
but the code for showing the original image is in thread on top
hm – you can see here on a custumer projekt that this is what you try to obtain: http://webers-testseite.de/art-varij/gemaelde/phoenix/
if you look to the images in the lightbox there is no resize at all.
img.mfp-img { height: auto; max-width: 100%; width: auto; }
but these are the default settings. Those rules above are for the image to show in lightbox. And “full” means – no resize – original uploaded image.
Only on linking to an iframe in a lightbox there has to be some corrections:
f.e..mfp-iframe-holder .mfp-content { left: 50%; max-height: 56vw !important; max-width: 80vw !important; position: absolute; top: 100px; transform: translate(-50%); }
i can not see your site – so i only can make suggestions. But these are definitly the right rules for gallery-images and masonry-gallery images.
put this to functions.php of your child-theme:
for Masonry Images
function avia_change_gallery_thumbnail_link($size){ return "full"; } add_filter('avf_avia_builder_masonry_lightbox_img_size', 'avia_change_gallery_thumbnail_link', 10, 1);
for gallery Images:
function change_lightbox_size() { return "full"; } add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);
per Enfold it is set to return “large”
-
This reply was modified 8 years, 9 months ago by
Guenni007.
a big problem with those diagonal settings is that settings bigger than 5deg could end in a different behavior on wide screens 27′ Mac Retina Display and more. you see trick what is used and what happends if you go from 5deg to 10deg
-
This reply was modified 8 years, 9 months ago by
Guenni007.
September 14, 2016 at 8:03 pm in reply to: Individual Logo from page to page – Seitenweise individuelles Logo #686578Hm – warum nicht die Suchfunktion nutzen – ismael gave this solution to us:
add_filter('avf_logo','av_change_logo'); function av_change_logo($logo) { if( is_page(21) ) { $logo = "http://www.domain.com/wp-content/uploads/logoforpage21.jpg"; } elseif ( is_page(22) ) { $logo = "http://www.domain.com/wp-content/uploads/logoforpage22.jpg"; } elseif ( is_page(23) ) { $logo = "http://www.domain.com/wp-content/uploads/logoforpage23.jpg"; } return $logo; }
das läßt sich durch beliebig viele elseif bereichern, oder durch zB
if ( is_singular( 'event' ) || is_search() || is_category() || is_page() && !is_page(1307) || is_singular( 'portfolio' ) ) …
für ganze Bereiche definieren. Conditional Tags ist das Keyword
wenn das ein Logo für mehrere Seiten benutzt werden soll kannst du auch ein Array definieren:is_page( array( 42, 54, 6 ) )
PS : es wäre denke ich gut die verschiedenen Logos dann Größenmäßig zu synchronisieren
thanks – have a look at the link above !
its easier as it supposed to be:
i created that page in the iframe with blank template (no header, no footer etc.)
on top of that page i put in per code alb element the following:
<base target="_parent" />
that made the trick !
my vote for that you have: https://kriesi.at/support/enfold-feature-requests/
and make a requestbtw. if you are using this elegant demo and have some extra pages/post not on the front-page you have to set the padding of
.responsive #top #main – otherwise the content starts down the header:lol :wink everything is code
the only thing it is hard to get from a website is the php programming !
As long as it is simple css and js you can get all out of the code infront of you!btw: i changed a bit the css – see test page – now it is a bit harmonic and without shifting positions
-
This reply was modified 8 years, 9 months ago by
Guenni007.
as i said let the instruction of 480px on top go away:
.main_menu { top: -20px !important} @media only screen and (max-width: 990px) { .js_active.html_burger_menu #avia-menu .av-burger-menu-main, .html_burger_menu #top #avia-menu .menu-item-search-dropdown {display: block} .main_menu .avia-menu, #header_main_alternate, .fallback_menu {display: block} .avia-menu.av_menu_icon_beside { margin-right: 10px; padding-right: 0; top: 0; } .responsive #header .main_menu .social_bookmarks { display: block} .responsive #top .logo { display: block; float: left; position: absolute; } div .logo { float: left; } .main_menu { position: absolute !important; } .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header #top .social_bookmarks { margin-top: 45px; right: 0; width: auto; top: 0 } #advanced_menu_toggle { display: none !important; } } @media only screen and (max-width: 480px) { .responsive #top #wrap_all #header_main .container { max-width: 95%; width: 95%; } .responsive .logo img { max-width: 200px !important; top: 15px; } .logo, .logo a { overflow: visible; } }
you have to play a bit with positioning – that was a quickly shot solution
on that test page i did solve the mentioned above problem by making the logo smaller – but perhaps it is better to let those social bookmarks and hamburger-menu logo float left – and let it go under the logo
@media only screen and (max-width: 480px) { .responsive #top #wrap_all #header_main .container { max-width: 95%; width: 95%; } .responsive .logo img { max-width: 200px !important; top: 15px; } .logo, .logo a { overflow: visible; } }
if you don’t like that downlimit remove it:
@media only screen and (max-width: 990px) { …
but you see here what happend in the case above: http://webers-testseite.de/elegant/
if you deleted the 480px down limit – you have to say what happens to the new menu for small screens. Where do those icons go when logo + social icons + menu icon is bigger than the screen width?
sorry i can’t see this – i’m a participant too. so you have to wait till mods came here and help you
.header_color .main_menu ul:first-child li:hover.menu-item-top-level > a { color: #900 !important; text-transform: uppercase }
and if you only want to have it for top level links with submenu:
.header_color .main_menu ul:first-child li:hover.menu-item-has-children.menu-item-top-level > a { color: #900 !important; text-transform: uppercase }
-
This reply was modified 8 years, 9 months ago by
Guenni007.
the image on the page is less than 1MB
here you go – i don’t see your site link (if there is one on private area) but 1MB jpg is for a web image gigantic.
i use for fullwidth sliders or fullscreensliders images which are not bigger than 350kb ! if they had to be on good quality. The most of those fullwidth slider images are on my installations 250KB.
You will be astonished that most of all images with high compression level are nearly the same quality on web as jpgs with less compression.Only images with big contrast edges need a bit more space
btw: gprs, edge, umts, lte etc. what do you use for that ?
-
This reply was modified 8 years, 9 months ago by
Guenni007.
try this – i decided to show the old mobile menu under 480px
@media only screen and (min-width: 480px) and (max-width: 990px) { .js_active.html_burger_menu #avia-menu .av-burger-menu-main, .html_burger_menu #top #avia-menu .menu-item-search-dropdown {display: block} .main_menu .avia-menu, #header_main_alternate, .fallback_menu {display: block} .avia-menu.av_menu_icon_beside { margin-right: 5px; padding-right: 0; top: -20px; } .responsive #header .main_menu .social_bookmarks { display: block} .responsive #top .logo { display: block; float: left; position: absolute; } div .logo { float: left; } .main_menu { position: absolute !important; } .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header #top .social_bookmarks { margin-top: 25px; right: 0; width: auto; top: 0 } #advanced_menu_toggle { display: none !important; } }
September 12, 2016 at 10:48 pm in reply to: Mega menu top level styling while menu is active #685409try this :
.header_color .main_menu ul:first-child li a:hover { color: #900 !important; }
and if you like to influence the active (current) state:
.header_color .main_menu ul:first-child li.current-menu-item > a, .header_color .main_menu ul:first-child li.active-parent-item > a { text-transform: uppercase !important; }
-
This reply was modified 8 years, 9 months ago by
-
AuthorPosts