Forum Replies Created
-
AuthorPosts
-
i tested it again :
there was the topic of mine here: https://kriesi.at/support/topic/transition-speed-in-slider-alb/
that on fading the images – the fade effect from last to first image on looping was with its default transition speed.
so there was a fix for slideshow.js on : https://kriesi.at/support/topic/transition-speed-in-slider-alb/#post-1219428
that was not perfect but much better than before.
But when inserting your changings in that fixed file – the fading from last to first image is as before : wrong.sorry i try again.
-
This reply was modified 5 years ago by
Guenni007.
activate Enfold Parent : then export theme settings file.
then activate Child : import theme settings file.it works ! i tested it afterwards
But indeed i like to know how the syntax might be if i only want to have it on a given page.
if you look into : functions.php file of parent enfold you see on line 174ff:
you see there is a filter: avf_modify_thumb_size which we can use to add or modify the thumbnails.
you see that there are on some crop rules on the otheres notyou can redefine such an existing size via that filter f.e:
/***** redefine existing size ****/ function modified_thumb_for_blog_pages( $size ){ $size['entry_with_sidebar'] = array('width'=>900, 'height'=>450 ); return $size; } add_filter('avf_modify_thumb_size', 'modified_thumb_for_blog_pages', 10, 1 );
i think for single blog posts the “entry_with_sidebar” is taken.
If you have no sidebar on the blog – clear – the entry_without_sidebar is taken.
BUT: you will not see directly an effect. You had to regenerate the tumbnails ( see comment on functions.php )If you like to preserve that transparency header on start replace with:
/****** responsive case when burger is visible *************/ @media only screen and (max-width: 989px) { .responsive #top #wrap_all #header .container { width: 90%; max-width: 90%; } #header { position: fixed !important; height: 80px !important; max-height: 80px !important; } .responsive.html_mobile_menu_tablet #top #wrap_all .av_header_transparency { background-color: transparent; color: #000000; border-color: #f2f2f2; } .responsive #top .av-logo-container , .responsive #top .logo a, .responsive #top .logo img { height: 80px !important; max-height: 80px !important; } .responsive #top .av-main-nav .menu-item-avia-special a { height: 80px !important; line-height: 80px !important; } }
you had to see it on mobile advices.
you break your menu at 990 so try please first remove the other code and try this in quick css:
if it is done we will see if there will be more css to add – but i guess not./****** responsive case when burger is visible *************/ @media only screen and (max-width: 989px) { .responsive #top #wrap_all #header .container { width: 90%; max-width: 90%; } #header { position: fixed !important; height: 80px !important; max-height: 80px !important; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=100); background-color: #fff !important; } .responsive #top .av-logo-container , .responsive #top .logo a, .responsive #top .logo img { height: 80px !important; max-height: 80px !important; } .responsive #top .av-main-nav .menu-item-avia-special a { height: 80px !important; line-height: 80px !important; } }
this for your child-theme functions.php:
Change if clause to your needs.function custom_burger_menu_active( $active, $context ){ if( is_page(3) ) { return true; } return $active; } add_filter('avf_burger_menu_active', 'custom_burger_menu_active', 10, 2 );
or do you mean: different menu items in the hamburger menu of a specific page ?
June 10, 2020 at 10:04 am in reply to: need help with Responsive design diffferences between mobile and Desktop #1221122there is one image loaded via http ( Inlite_logo_payoff_black_small.png ) that causes a warning.
June 10, 2020 at 9:33 am in reply to: Need to refresh pages every time I modify something on my website #1221115So if you can manage this – I would recommend that you don’t activate any other caching tool (or Enfold Merging).
See the whole tutorial on: https://www.siteground.com/tutorials/wordpress/sg-optimizer/
June 10, 2020 at 9:24 am in reply to: Need to refresh pages every time I modify something on my website #1221114This of course does not explain why it is only now appearing.
The server-side caching is not bad in principle, but probably leads to such inconveniences.have you installed that: SG Optimizer plugin ?
maybe you try that first and see if the two listpoints will do the jobon That Plugin:
Manual Cache Purge
Pressing this button will completely clear the Dynamic Cache stored for your website. Useable, if you want to make sure that you’re loading the latest version of your site.And:
Automatic Cache Purge
Enabling this option will allow our plugin to clear parts of your cache once it detects changes in your content. We’ve developed a set of rules to purge the dynamic cache in a smart, efficient way depending on the change that has occured on your site. We do a full purge on events like category deletion, plugin and theme update or switch, WordPress core update, etc. On the other hand, we do smart purge when a post is modified, a comment is added or a category is updated for example.
June 10, 2020 at 9:08 am in reply to: Need to refresh pages every time I modify something on my website #1221110But that maybe the issue: https://www.siteground.com/tutorials/wordpress/sg-optimizer/supercacher/
maybe this helps you : https://wpshout.com/quick-guides/how-to-clear-your-siteground-cache/
Caches are a great performance benefit for your site, but them getting “stale” or outdated is a bit bummer. Fortunately, it’s simple to clear the SiteGround cache of your WordPress website, and you’ll get into a rhythm with it quickly. Here’s a video guide …
- Press the “Purge SG Cache” button in your top admin bar. If you don’t see this button, you’ll need to install the SG Optimizer plugin. (You should also contact SiteGround support to make sure that you’ve actually enabled its caching layers.)
- To make sure the resources aren’t still being cached by your browser, hard-refresh your browser. You do this with Ctrl+Shift+R on Windows or Cmd+Shift+R on a Mac.
June 10, 2020 at 9:02 am in reply to: Need to refresh pages every time I modify something on my website #1221106on some hosters we had recognized that it is sometimes limited to 40M – and that is definitly not enough.
i have 256 too and that is enough.Do you use a CDN ?
June 10, 2020 at 8:56 am in reply to: Need to refresh pages every time I modify something on my website #1221099Look again at my article before, we seem to have posted it here almost simultaneously.
But you do not have a caching tool like W3TC or Total Cache running.
Not that we would leave out something so mundane in the search for solutions. Because they just save static pages to be able to deliver them faster.June 10, 2020 at 8:44 am in reply to: Need to refresh pages every time I modify something on my website #1221092to emphasize again what was just added above: of course this does not explain why content is also delayed.
so there must be something more messed up.
What about the php memory limit that WordPress is allowed to use?
Is it set high enough?you can easily check it on the layerslider tab : Options : Systemstatus
June 10, 2020 at 8:33 am in reply to: Need to refresh pages every time I modify something on my website #1221089With Enfold under the Performance Tab, did you turn the merging on? ( File Compression )
I recommend – as long as you are working on the site – to disable this merging completely. Merging does provide better performance, but it is a hindrance for this very reason.
Below these settings you will find the switch : “Delete old CSS and JS files?” which should also be set to on.These merged files will stay there until you save them with the setting “Delete old CSS and JS files? These files are usually used for rendering your page.
of course this does not explain why content is also delayed.
if you switch to the advanced mode of the plugin you can have a trigger ( default is style-svg ) – on this the img src svg will be replaced by the svg itself (inline svg) sometimes this is very usefull.
by the way – dear mods: how can i use this only for a specific page ?
you can try that filter – put this to your child-theme functions.php
function avia_change_posts_query($query, $params){ if(!empty($query['orderby']) && $query['orderby'] == 'post__in'){ $query['order'] = 'ASC'; $query['orderby'] = 'title'; } return $query; } add_filter('avia_masonry_entries_query', 'avia_change_posts_query', 10, 2);
i do not know how it is reacting on “load more” Galleries.
Guess that this is just an image – a photoshop thing.
Do you need this often – or just for a few images?See here – this is made with caption of Image ALB:
https://webers-testseite.de/image-with-ribbon/In any case I think it would be better to do it in a photo editing program. Just look at the way it behaves when you make the screen smaller.
the image alb got a custom-class: with-ribbon
.with-ribbon .av-caption-image-overlay-bg { display: none; } .with-ribbon .av-image-caption-overlay-center p { background-color: rgba(255,0,0,0.8); color: #fff; text-shadow: 1px 2px 3px #000; padding: 20px ; position: absolute; top:5%; left: -10%; transform: rotate(-30deg) ; width: 80%; text-align: left; text-indent: 40px; box-shadow: 1px 2px 8px #000; font-size: 36px; text-transform: uppercase; }
Yes, the browser SHOULD show a verification button….but it did not. No warning.
No undo option either.I haven’t done this in a long time. But I seem to remember there was another pop-up as a warning.
Unfortunately, most users no longer read such pop windows, and to close the part quickly, press ok.
This is my standard entry in child-theme functions.php
function admin_head_mod() { echo '<style type="text/css"> #avia_quick_css .avia_description {float: none;margin-bottom: 20px !important;padding-left: 0 !important;width: 98%} #avia_quick_css .avia_control {float: left;max-width: 98% !important;width: 98% !important} .avia_footer_links li {float: left;padding-right: 20px} .avia_footer .avia_footer_save {float: left} .avia_reset {display: none !important } #avia_options_page { max-width: 3000px!important} </style>'; } add_action('admin_head', 'admin_head_mod');
it removes the button and it changes the position of the save all button to left position – due small screens
additionally the whole options field is widened and the Quick CSS field is set to large.When I install a new theme, I always look directly at how to install the corresponding child theme. With Enfold this is very easy. There is a pre-built one, which you just have to upload via ftp.
An existing Enfold installation that you have already set up can easily be converted to a child theme.
I think that the advantages of a child-theme outweigh the few disadvantages of a parent-theme only installation.If you need help, let me know.
hi Yigit – You can’t joke around here anymore either. I was just surprised to be called “Sir”.
Btw.: this code above changes all widget titles to h4 even the footer ones?
i thought he would only change these specific heading tags.i guess you can follow this answer here:
https://kriesi.at/support/topic/change-h3-tags-in-footer-widget-child-theme-of-enfold/#post-727939 and from Yigit here:
https://kriesi.at/support/topic/change-h3-tags-in-footer-widget-child-theme-of-enfold/#post-728320On register-widget-area.php you find the names and ID’s of the widget areas. I cannot see a Forum Widget Area – but you will know that on your installation. ( i let it on section instead of your div – then all would be the same syntax – if you like change section to div)
The normal blog widget is called: Sidebar Blog with id: av_blog
for child-theme functions.php:function ava_remove_some_widgets(){ unregister_sidebar( 'av_forum' ); register_sidebar(array( 'name' => 'Forum', 'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">', 'after_widget' => '<span class="seperator extralight-border"></span></section>', 'before_title' => '<h4 class="widgettitle">', 'after_title' => '</h4>', 'id'=>'av_forum' )); } add_action( 'widgets_init', 'ava_remove_some_widgets', 11 );
For the font size change, couldn’t find the relevant CSS selectors either.
For advice, I would have to see the page it concerns.
_____________________
Off Topic
as long as the headings should be all the same tag i would take this code instead of Yigits – a little bit shorter:
for child-theme functions.php:function register_custom_footer_widget(){ $footer_columns = avia_get_option( 'footer_columns', '5' ); for ($i = 1; $i <= $footer_columns; $i++){ unregister_sidebar( 'av_footer_'.$i ); register_sidebar(array( 'name' => 'Footer - column'.$i, 'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">', 'after_widget' => '<span class="seperator extralight-border"></span></section>', 'before_title' => '<h5 class="widgettitle">', 'after_title' => '</h5>', 'id'=>'av_footer_'.$i )); } } add_action( 'widgets_init', 'register_custom_footer_widget', 11 );
June 9, 2020 at 10:35 am in reply to: need help with Responsive design diffferences between mobile and Desktop #1220813the logo formerly cries for a svg usage.
Off topic : “The logo almost screams for a svg conversion” : A friend who reads with us laughed his head off. Sometimes I’m just looking for the right words. It’s been a long time – the English I learned at school. – His respect for rules always made him popular with teachers :lolThe font is : All Round Gothic Bold from Dharma.
you can download it here as svg Download with font changed to compound path ( on copyright reasons)have a look here on that page – what happens to the header background and menu color on scrolling down.
https://webers-testseite.de/datenschutzerklaerung/you can see here an inline-svg logo : this is only one logo for both. : https://webers-testseite.de/plse/
but i can fill the path and outlines on f.e. header-scrolled.-
This reply was modified 5 years, 1 month ago by
Guenni007.
June 9, 2020 at 10:09 am in reply to: Remove link from featured post image (not just a css fix) #1220806yes loop-index.php is to edit. But i guess you would need to have a whole child-theme file for that. It is not as simple as on the title link.
there are a lot of styling possibilities on the blog post ( elegant, business, modern-business ) and blog-layouts and image dimension options – so no way to do it only with one function.
there are sometimes links on an icon : line253 with class: post-author-format-type this link should also be canceled?
this is so far my effort – but without removing that link above.
See here: https://pastebin.com/nbD71qZi
Download here: LinkThis icon is not allways present – but on modern-business it is.
And on blog-view there is the author link. : https://webers-testseite.de/pureinstall/category/allgemein/Child-theme loop-index.php : download the above and create the same folder tree structure as in parent theme
means: create an includes folder in child-theme and put the loop-index.php into it.Try – and tell me if it works for you.
June 9, 2020 at 8:47 am in reply to: Remove link from featured post image (not just a css fix) #1220758the link from the featured post image on blog view or on single post – or both
here is a very similar post – and my solution to remove only on single post the link ( which is in my opinion too not needed ) :
https://kriesi.at/support/topic/remove-permanent-link-from-the-post-h1-title/
i guess the loop-index.php is the first port of callok – if even the link to that page is not public then you had to wait.
What i see is – even if you got it working on the frontend – it is a problem in the backend still.
It works with my code above once – you see the picture in the preview and can place the hotspots. You can also save it and as said before in the frontend everything will be fine.
But editing the element again makes the picture disappear. You have to set it again to be able to work on it again. – So this is a bug indeed.My advice concerning to svg is to install that little plugin svg support.
– now to your css problematic. You have to set a width to the img itself – but if you gave a custom-class to an image alb f.e. the custom-class is at one “grand” parent container: avia-image-container
so in this case the selector will be: .avia-image-container.svg-img-test img
on you last trial this was right – so better to see your page to look for the right selector______
I would like. to use an SVG in an Image with Hotspots element if possible.
but that means : you like to have a svg img as the base of the hotspot image – or do you want a svg in the hotspot itself?
-
This reply was modified 5 years, 1 month ago by
Guenni007.
-
This reply was modified 5 years ago by
-
AuthorPosts