Forum Replies Created
-
AuthorPosts
-
October 4, 2016 at 10:20 am in reply to: Layer Slider Background Image Not displaying Correctly #694946
hi Rikard – : http://taks.org.uk/test/
by the way as you can see it works with shrinking option too!
and if you want to get rid of the top border when header is scrolled :
.header-scrolled #header_main_alternate.container_wrap { border-top: medium none; }
Your welcome!
so here is my test on it: http://webers-testseite.de/elegant
with logo right menu below options on enfoldinsert the WordPress Title (this is without WordPress Site Description) as above in your child-theme functions.php
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= "<span class='logo-title'>"; $sub .= get_bloginfo( 'name', 'display' ); $sub .= "</span>"; return $sub; }
This in Quick css :
.logo, .logo a { overflow: visible; width: 100% } .logo-title { display: block; float: left; font-size: 36px; left: 0 !important; position: absolute; } .logo img { float: right; } #avia-menu.menu.av-main-nav { float: left; width: 100%; } @media only screen and (max-width: 767px) { .responsive .logo img { float: left !important; max-width: 80% } .responsive #top .logo { width: 100%; } .logo-title { text-align: center; top: 80px; width: 100%; } }
you can play with these values ( font-family is not defined here, font-size etc.
For Small Screens ( try it on my testsite) i decided to do the Title under the top logo in the center of the screenSame shit different name.
it is best i think to take first the option with Logo right menu below.
with quick css :#avia-menu.menu.av-main-nav { float: left; width: 100%; }
your menu is than ok left menu right search !
for the Rest i will have a look soon.
on one map i got an e-mail adress in the tooltip – this works well too – but on that client i installed a crypt plugin which inserted his code by replacing the mailto link with his script than.
That causes a similar reaction – white space.October 3, 2016 at 10:02 pm in reply to: Layer Slider Background Image Not displaying Correctly #694776well what do you have for page setup and header behavior? Transparent Header and no shrinking?
Where did you set up the slider to 600px x 300px ?
On default there shouldn’t be a margin on top if you have transparent Header and first container a slider (an enfold slider) .
try for your site (than use a “.page-id-“) (or here in general)
main.content { padding-top: 0; }
well i see an id=”whylight” no whyLight a lot of browsers are in this way case-sensitive !
try it with: http://www.2016cltdesign.delaneykeating.com/?page_id=1302/#whylight
it is ok Josue thanks – in a different thread which is closed i did the fault to say that you see the code to insert from the @import rule : with the + signs in between – but with these signs between f.e.
Playfair+Display does not work.i remember that in former times it worked too with the + signs in between – but now it does not work.
i can not confirm this. Maximum loading time was 1 to 1.3 sec first page of the gallery above.
It depends on your internet connection and your hoster. But you can do a bit more – If you prove your site via gtmetrix you will see that there is some optimization possibilities.
f.e wp-super cache or bwp minify . these two little plugins work well together and with enfold there are less bugs.But ! on my OS X (Safari, Firefox , Chorme etc. installed) everything is fast enough – !!! and your photos are excellent so i suppose that visitors feel welcome on your site.
long time ago there was a thing with edge – but it was only one thing :
IE browser got problems if a positioning was set to absolute without giving a positioning to the parent div !
Sometimes Enfold sets up positioning without regarding this.
But as you see above – i actually got no trouble with Edge and Enfold ( nor Angular)On my edge angular is ok too!
But if you have setup your theme first with enfold you have to think of a few things
rename folder: enfold and enfold-child to something you like
open for each style.css and change things there too: f.e. for rename to “Elegant”child-theme style.css:
/* Theme Name: Elegant Child Description: Childtheme fuer Elegant Version: 1.0 Template: Elegant */ /*Add your own styles here:*/
for parent theme :
/* Theme Name: Elegant Version: 3.8 */
you have to think on update to edit each time !!!
in folder (go there with ftp) wp-content/uploads/dynamic_avia/
if you make it from the beginning there will be elegant_child.css (from the example above)http://kriesi.at/documentation/enfold/using-a-child-theme/
und dort in der Dokumentation hast du auch ein kleines Sammelsurium der codes snippets welche in die child-theme functions.php kommen um Dinge zu verändern:
http://kriesi.at/documentation/enfold/code-snippets/Es wird bei Child-Themes immer nur das Parent Theme solo aktualisiert.
Das Child ( ist im Wesentlichen) eigentlich kein eigenständiges Lebewesen :lol
Die Hierarchische Struktur von WordPress sieht vor, dass wenn du zB im Child-Theme Ordner eine header.php hast, diese die vom Parent ersetzt!!!
Eine der Wenigen Ausnahmen bildet die functions.php hier werden zusätzliche Informationen bereitgestellt und das Parent-Theme nicht überschrieben solange es nicht explizit im Child-Theme functions.php Anweisungen dazu gibt. Also ein Script zB deregistrieren und ein neues dann setzen.
Leider sind deine Veränderungen in der Parent Theme functions.php direkte Änderungen des Quellcodes.
Die Anweisungen im Child-Theme functions.php jedoch Anweisungen wie man in die functions.php des Parent-Themes einschleust. Bzw eben nicht nur die Eltern functions.php sondern eben alle anderen (header.php, footer.php etc.)Manchmal sind in enfold schon “Einsprungspunkte” gesetzt. (zB über die
do_action( )
)Es findet sich zB in der helper_main_menu.php folgendes:
do_action('avia_meta_header'); // Hook that can be used for plugins and theme extensions (currently: the wpml language selector)
Du siehts hier wurde schon daran gedacht für plugins oder eigenen Code Stellen zu schaffen, in denen man etwas einfügen kann.
Suche mal nach do_action im enfold ordner. Dann wirst du viele der code snippets wider erkennen die da einsetzen.Quintessenz: ja – sehr empfehlenswert – da Updates des Parent-Themes von statten gehen können ohne die zahlreichen Veränderungen die du gesetzt hast nicht verloren gehen.
Da Enfold die dynamischen Sachen wie Slider ( des advanced layer sliders und die quick.css nicht im enfold Ordner sondern im wp-content/uploads Ordner ablegt bleiben auch diese erhalten)
-
This reply was modified 8 years, 9 months ago by
Guenni007.
well i thought that there was allready questions like that.
And for “resellers” webdesigners which does not want that their customers recognize which theme etc is used – this might be helpful:add_filter('avia_dyn_stylesheet_file_path', 'avia_change_filename'); function avia_change_filename($stylesheet){ return 'myfilename.css'; }
you can see it here on documentation of enfold:
to re-name this file to better reflect your own branding
http://kriesi.at/documentation/enfold/change-the-dynamic-css-file-name/
I think the reason is – because Windows10 was the first OS from Microsoft that was nearly for free ( or for nothing :lol)
but by the way you “compeled” me to go from my office “El Capitan” to private PC and your link above to enfold demo site – nothing is broken on my end here!
Windows 10 / EdgeHtml 13.10586what in detail is messed up ?
September 29, 2016 at 9:09 am in reply to: color section on top fixed background-attachment positioning #692980hm i did that in child-theme functions.php :
this is a fix for top setting only
if you only want to change it for a specific site (see code at bottom) – in my case it is page-id-140add_action('wp_footer', 'ava_custom_script'); function ava_custom_script(){ ?> <script type="text/javascript"> (function($) { $(document).ready(function(){ $(window).load(function() { var shift = $('.container.av-logo-container').outerHeight(); $('.page-id-140 .avia-section.avia-bg-style-fixed').css('background-position-y', shift ); }); $(document).scroll(function(){ var shift = $('.container.av-logo-container').outerHeight(); $('.page-id-140 .avia-section.avia-bg-style-fixed').css('background-position-y', shift ); }); }); })(jQuery); </script> <?php }
-
This reply was modified 8 years, 9 months ago by
Guenni007.
my tip here for pajicu was definitly wrong – thats why i opend here for him a new thread. Sorry
i use both site-title and site-description as well:
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= "<span class='logo-title'>"; $sub .= get_bloginfo( 'name', 'display' ); $sub .= "</span>"; $sub .= "<span class='logo-title logo-subtitle'>"; $sub .= get_bloginfo( 'description', 'display' ); $sub .= "</span>"; return $sub; }
my css :
very important: is to set to logo overflow visible ! because the text is in that box
the transition settings and opacity is only for the deminishing text on scroll – if you dont like that get rid of it.logo img{float: left} #top .logo, #top .logo a {overflow: visible } #top .subtext {float: left; position: relative} #top .logo-title { transition: opacity 0.4s ease-out 0s; -moz-transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; color: #4678ae; font-size: 44px; font-weight: bold !important; left: 7px; opacity: 1; position: absolute; top: -12px; white-space: nowrap; } #top .logo-subtitle { color: #aaa !important; font-size: 18px !important; left: 10px; top: 18px !important; font-weight: normal; } #top .header-scrolled .logo-title { opacity: 0; filter: alpha(opacity=0); }
Result of mine see here: guenterweber.com
you see here on support forum on top the logo of Kriesi and on the right site title and description.
Is it that what you want but only the other way round
Site Title and Description and on the right side the logo ?What do you mean by:
The site title needs to be the same size text as the logo (48)
does your Logo have sign trade marks and text – and the logo text has 48px (how do you measure it – because logo is fit in a given height)
etc – so to understand your request can you create an image how it has to look like (photoshop montage f.e. or a drawing)
to stay in your 48px the shrinking of header is off ! ???by the way – the php code above is not enough – you have to postion the subtext via quick css ! so it might be there but you can not see it !
-
This reply was modified 8 years, 9 months ago by
Guenni007.
i guess you have made a menu and marked that little Enfold footer menu.
On enfold options dialog you can choose to have the social icons in socket.
By the way you could mark both for a Menu (Main Menu and Footer Menu). But than it will have two identical ids each menu point is place on every page.
This is not W3C conform. Every ID has to be unique on a site. So my advice
if you want the same menu points – make a new menu call it footermenu or something like this and place the menu there and mark it as secondary menu.
Allthough the links are identical – they got different IDswenn du das als funktion nimmst musst du bei boxed nicht mehr aufpassen wegen der footer weite:
add_action('wp_footer', 'ava_custom_script'); function ava_custom_script(){ ?> <script type="text/javascript"> (function($) { $(document).ready(function(){ var bodyw = $('body').width(); $('#footer').css('max-width', bodyw ); $('#socket').css('max-width', bodyw ); }); $(window).load(function() { var socketh = $('#socket').outerHeight(), footerh = $('#footer').outerHeight(), spacerh = socketh + footerh - 3 ; $('#abstand').css('height', spacerh ); }); $(window).resize(function() { var socketh = $('#socket').outerHeight(), footerh = $('#footer').outerHeight(), spacerh = socketh + footerh - 3 ; $('#abstand').css('height', spacerh ); }); })(jQuery); </script> <?php }
So noch eines – bei fixed Frame funktioniert das auch, du musst nur die Werte anpassen. Je nachdem was da als frame eingestellt ist
sorry in meinem zip war noch eine etwas ältere css
du hast ausschließlich container – kaum color-section genutzt. Ich hatte auf meiner Testseite nur Color-sections
Wie gesagt der Footer und Socket sind quasi immer da müssen aber durch z-index und hintergrundfarbe überdeckt seinwenn du das ergänzt muss es nun gehen: (immer wenn die durchscheinen musst du schauen welche container deklaration du hast.
.container_wrap konnte ich nicht nehmen, da footer und socket die auch haben.avia-section, .av-layout-grid-container, .main_color { z-index: 3 !important; }
ich denke dann sind alle main container mit abgedeckt
PS : solange footer und socket in main liegen wird es schwierig das zu realisieren. Ich hab das echt versucht. So ist es leichter.
Was dagegen spricht die eigentlich per default draußen zu haben ? klar ist wenn du auf boxed design umstellst mußt du footer und socket so setzen wie container_wrap
könnte man übrigens im php mit einbauen – versuch das gleich mal. denn die Abfrage $(‘body’).outerWidth() sollte es geben.-
This reply was modified 8 years, 9 months ago by
Guenni007.
ps im zip da muss es im php natürlich bei beiden abfragen:
spacerh = socketh + footerh - 3 ;
sein – sorry – flüchtigkeit
im Wesentlichen steht alles da drin.
Wie gesagt die footer.php habe ich so verändert, dass die nicht mehr in main liegen !
Bisher habe ich da keine Probleme festgestellt.
Und dann ist es z-index hauptsächlichBei Boxed Layout musst du natürlich dann die footer und socket anpassen, da die ja nicht mehr in main liegen gelten die Regeln dann nicht mehr ( von wegen 100% weite)
Wenns Probleme gibt hier melden – oder meinem Nick ist auch die Webseite hinterlegt (schäm, meine ist noch nicht sehr schön gemacht. – hab zu viel um die Ohren – da muss ich jetzt mal ran) dann via e-Mail
ich habe es jetzt auch mal auf der Testseite : http://webers-testseite.de/elegant gemacht , und dabei gesehen, dass ich für grid auch eine css deklaration brauchte.
-
This reply was modified 8 years, 9 months ago by
Guenni007.
naja – das eine scrollt schon erst mit hoch am content . – anyway:
schau jetzt nochmal bei Huth nach – dann gibt es den Kurs dazu bzw – glaube ich lieber in zip zum Download
-
This reply was modified 8 years, 9 months ago by
Guenni007.
hm – dein link im ersten Thread sieht aber anders aus.
Das scheint mir doch lediglich eine Kombination aus z-index und fixed position zu sein.
Zudem muss die Seite eine Background-color haben (wie dort mit #theme-page auf weiss festgelegt)September 26, 2016 at 4:01 pm in reply to: Remove "related videos" when displaying Youtube videos in lightbox #691747yes i tested it – and it works well to get rid of those end film recommendations – but this seems to be a new “feature” just before the film stops there is from one other youtube-user a filmtip. I did not see this before – but now!
-
This reply was modified 8 years, 9 months ago by
-
AuthorPosts