Forum Replies Created
-
Posts
-
you can insert instead of a lightbox a manually link : create your 3 images besides in a photo program and upload that (or make a screenshot of the gallery and upload that to your server) give each of the three images that manually link!
Enfold recognises the image and if modal is activated (it is on default) it opens those links as lightbox aswell.
hm – you mean in full-screen sliders ? those titles have the options that you desired.
Because you are not questioning for a globally solution – i think you did not recognizes that there is on alb element an option to do this:Click on the slide Image you mentioned – a modal window opens with the options – on second tab besides the slide there is the description (Caption) tab.
the Rest you can see in the image – click to enlarg:The headings without your background are those with no frame ! on text-positioning option
this is the concerning code in functions.php (parent theme):
$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']); $avia_config['selectableImgSize'] = array( 'square' => __('Square','avia_framework'), 'featured' => __('Featured Thin','avia_framework'), 'featured_large' => __('Featured Large','avia_framework'), 'portfolio' => __('Portfolio','avia_framework'), 'gallery' => __('Gallery','avia_framework'), 'entry_with_sidebar' => __('Entry with Sidebar','avia_framework'), 'entry_without_sidebar' => __('Entry without Sidebar','avia_framework'), 'extra_large' => __('Fullscreen Sections/Sliders','avia_framework'), );you see that there is allready an image size which could fit for your site (see comment: // images for portfolio 4 columns) – but it is not selectable ( portfolio_small)
so maybe that is enough to make it selectable:add_filter( 'image_size_names_choose', 'my_custom_sizes' ); function my_custom_sizes( $sizes ) { return array_merge( $sizes, array( 'portfolio_small' => __( 'Portfolio Small' ), ) ); }you can add new image sizes on enfold by this code in functions.php of your child-theme:
add_image_size( 'new-size', 261, 174, true ); add_filter( 'image_size_names_choose', 'my_custom_sizes' ); function my_custom_sizes( $sizes ) { return array_merge( $sizes, array( 'new-size' => __( 'New Size' ), ) ); }this part here:
__( 'New Size' ),you can name as you likeall new uploaded images will then have that new size to choose – if you only want these three images on the starting page to handle then a new upload is easier than a regenerate thumbnail plugin.
without your site i can not help you. So you have to wait here for a mod.
And you copy paste the above code? Do you have any other lightbox plugin installed – or do you use the included one of enfold?btw. it seems that the sequence of these options are sometimes important.
maybe a
&fs=0could help you in the link above (Fullscreen disabled)https://www.youtube.com/watch?v=igoj_-02i1c?rel=0&autoplay=1&loop=1&showinfo=0&fs=0&iframe=truedon’t know why the loop function works sometimes and sometimes not ?
btw: if you like to force HD video
&vq=hd720
&vq=hd1080https://www.youtube.com/watch?v=igoj_-02i1c?rel=0&autoplay=1&loop=1&vq=hd720&showinfo=0&iframe=truelook here for link : https://www.classynemesis.com/projects/ytembed/
try this as a link:
https://www.youtube.com/watch?v=igoj_-02i1c?rel=0&autoplay=1&iframe=truethe way you get it :
goto your video – do not take the shortform- goto embed.
if you do not want the recommended films at the end you can setup it here or the code for it is rel=0
copy the iframe link – now the trick:sometimes it does not work with the. …/embed/…. in that case replace it with …/watch?=…
the first setting has to come with a questionmark?the next options must have a&– you see it in the code abovesee here: https://webers-testseite.de/youtube/
?rel=0. no videos at the end
&controls=0 Controls off
&autoplay=1 autoplay Option
&iframe=true Lightbox Option
&showinfo=0 videoinformation links at the top right
&start=15 Starting time in sec
&end=28 Endtime of video in seclook to the waterfall results if this is realy the case – allthough yslow critisise those images – because browser resize is something these speed tools do not like – maybe these are not so weighty reasons.
On your slider there are two images
the one is much more bigger thant the other slider images : slide_thefineartofprinting
and one is a png (2_background) – which could be done as a jpg because of less transparency options
both image have than together 118kb. instead of 400px on your upload !
Here you can save more image size than on 14kb images !
Pagespeed says that you can save space of 60kb on the three images you mentionedAnd by the way if you setup the f.e. featured image size : 1500 x 430 option and your images does not have that dimension – enfold upscales the images and crop them afterwards.
Better is to upload bigger images than 1500px x 430pxby the way the second: your response header time is very high – nearly 2s
i done that hr.php because if i got as you a sidebar the Colorsection did not fit for that.
And you can insert here an “offset” if scroll to anchor does not realy suit.i found an older enfold 4.0.5 this is the hr.php – you can see the code on pastebin
i commented it on the top that this is the version for enfold older 4.1.
it will work on newer versions too – but without screen options dialog
Download: pastebinrename it to hr.php
you than can optimise the offset via the whitespace amount
or the plugin i recommended got an offset option too !are you running an old version of enfold?
this hr.php was the new one with the screen settings option! Don’t know when they started to have that – i think it was the 4.1 Version
On your source code i see that you are running 4.0.7 – that is the reason for that behavior.
Sorry – i do not found an old version of that file to edit.by the way isn’t there a warning on that button after clicked? Sometimes reading those popups produced from the own site is a good advice.
may be this could be a good first rule for you in quick css:.avia_reset { pointer-events: none; }link to kriesi Dec.2010 :yoo
maybe you are a lucky guy and waybackmachine has rendered your site the last time:
put in your url and hope !
if there are some entries ( for me it is the 14.September)
We color the dots, and links, associated with individual web captures, or multiple web captures, for a given day. Blue means the web server result code the crawler got for the related capture was a 2nn (good); Green means the crawlers got a status code 3nn (redirect); Orange means the crawler got a status code 4nn (client error), and Red means the crawler saw a 5nn (server error). Most of the time you will probably want to select the blue dots or links.
you can click the date and see if it was rendered completely.
They show you the state of your website of that date – so it is in a way a backup.Now you have to be familiar with firebug or other developer tools.
you have to navigate to style.css and on the bottom there are the quick.css entries you did.
If you need futher help you can tell me the url – and i will mange it for youhttps://webers-testseite.de/weber/
something like this ? (you can do it without the gimmick of animated position)
then it stays in the middle and only shrinks.As a participant as you i can say this to you:
Maybe this is a good advice for you to read: http://www.netplanet.org/netiquette/chat.shtmlBig letters in a blog or chat forum on normal text (headings excepted) – a no go ! please stay polite !
https://www.lifewire.com/why-not-to-write-in-all-caps-1173242
Inuit are in common very courteous people.so if you don’t want to make your gtmetrix public – you have to wait til mods are here.
by the way php7 is a resource monster :lol. sometimes – if you can test to switch to 5.6 try.
and by the way : i like those one-page websites too – but on page-speed reasons ( and gtmetrix test-results) they have great disadvantages i think. Alot of content to load on starting page. Today a good time to load the first site has to be under 3sec.
a page with over 90% on gtmetrix and over 80% YSlow (the cdn and cookie free domains value is for the most a bad value)
is a good site.
reducing the request on that page is a good advice.
so minifying and combine js and css files is a good thing (use caching tools and minifying tools)___________
another point: do all wordpress sites need realy comments or emoji ?
there are two good plugins disable emoji and disable comments___________
go and have a deeper look to the waterfall results.
these optimizations only help if your images are not responsive.
f.e. the featured-image – allthough you put in the non scaled image – takes the ( on media tab defined) 80x80px.
this is a scaled image – but much smaller than the original ones.But this is not the point gtmetrix critisise.
If on smaller screens the content rearanges the images shown on your screen are scaled to that amount you gave to them.
f.e. in a 1/4 container the image could be on maximum at a 1000px wide screen 250px on your mobile this is scaled down..
etc. ppOnly on those f.e. floating text elements where an image is placed with a defined height and width to float in that text it makes sense to recalculate it to that dimensions ( or to take a nearby image-size of enfolds predefined sizes)
I don’t want to give offence to you – but the most reason for image speed is that the uploaded source images are wrong optimized.
Click on the images to enlarge: and by clicking again on the lightbox image it changes to next slide
The first one has 389 KB and the second one 156KB
both have the same dimensions !And these are realy hard test-images.
On other images with real fotos – it might be more extreme to this test.On Photoshop f.e. there is an extra export modul for web images. There you can set up a higher compression level and progressiv scan option etc. pp.
hm?
please tell me why your friend does not give a copy to you?However, I talked to the friend who recommended Enfold to me as he’s produced a really nice website with it and I asked him what version he was using. He told me he was using version 3.2.
ok forgotton the .responsive class to set for the first container with the backgroundimages.
Empty your browser cache and have a look
don’t be to cheap to your customer – it is a lot of work to do – so go an get more for you
by the way: i have added a timer function that the scroll event don’t fires steadily.
but i will have a look if it is not best to implement the throttle function to enfoldthe link is in the thread: https://kriesi.at/support/topic/jumping-to-anchors-from-other-pages-doest-work-well/#post-855641
https://pastebin.com/dl/nW7DFTfS
and btw the plugin has an offset – there you can globally change the amount of offset to the anchor.( + und – is possible)
and btw the plugin has a delay too! you can go to new page top wait a bit (in milliseconds input field) an then scroll down.first of all – i looked to it via ipad and iphone via guess safari mobile version – and i can see background. So please goto Settings / Safari / and erase the cache.
costs : What is worth it to you – if you think it is for less than it is ok for me too.
but if you want to reward the work – you fix the price.i believe that the version comes nearest to apple did: https://webers-testseite.de/apple-blur/
by the way the flickering comes not from my code.
Go and have a color-section alb element with background image set to parallax.
You will have that flicker too. Those mobile browserversions – with touch screens always are not able to handle it good!so something has changed in new enfold. In former versions a class hover was added – as described in the old thread. Now nothing happend in this way.
Anyway – can be closedoh wow – i can not realy copy/paste things – the code above is nonsense!
first of all the!wp_is_mobile()with exclamation mark (head-shake) :loli did it this way for now. I’m looking to adjust this
https://kriesi.at/support/topic/some-extra-classes-for-hover-states-on-enfold/#post-764012 for my sitefunction wp_ipad_mod() { if(wp_is_mobile()){ echo '<style type="text/css"> #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content { opacity: 0!important; } #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {font-size: 1em !important;} </style>'; } } add_action('wp_head', 'wp_ipad_mod');it does not need a screenshot – description of the problem is, that all of those masonry elements show the state as if it is hovered.
means all of them with semitransparent dark overlay and the description shown in white.
PS : all ipad / Iphone websimulators do not show the effect – only the real device is showing it.i dont want the the behavior works on ipad – i’m totaly satisfied with the nonhoverd state on ipad/iphone.
by the way i tried to do this:
function add_touch_fix(){ ?> <script>document.addEventListener("touchstart", function(){}, true);</script> <?php } add_action('wp_footer', 'add_touch_fix');but has no effect too
thanks alot i will test it .
and yes it is only a “cosmetic” question – but f.e. the apple touch icon input field looks definitly better after the faviconEdit: thanks both works perfect – Ismael your code is a bit shorter but Günters Code it is easier to work with – because i do not have to count the
$avia_elementson the way to count (your 69 is correct ) – but i come to the position after logo with 69 – anyway.Edit: and is usefull for even older enfold versions – i tested your code on an older version and it fails because the count of favicon was a different one
Thanks both for your highly professional answers !
first of all – you managed the anchor a bit complicated – lack of heaving an alb element with ID option when heaving a sidebar.
My hr.php got this option and you don’t need to have such a complicated construct.
the advantage of a hr.php is that you can easily adjust the positioning too.
Maybe you can give it a chance.
@mike – this plugin is the first i met that this behavior can manage. It opens the page first ( you can input the delay time in the plugin) and than scrolls down to the anchor. !
This is cool because it does not look like an abrupt loading – it is more smooth.Btw i do not know why there is on avia.js avia_header_size function this line:
if(shrinking && !isMobile)line 1551. – because this is often a reason why the anchor on mobile is under the header.i nearly allways tilted the !isMobile option:
by the way – it is a very pitty that burger-menu does not have all the options off the main-menu (classes set in menu options)
allthough i set up the clone option of title menuit is not as simple as it seems to be – i’m missing this header option too. Logo inbetween the middle of the menu.
and there is a bit more todo than simple css – especially if you like to have a shrinking header.
