Forum Replies Created
-
Posts
-
By the way: the use of a child theme is highly recommended, and the Realistation is not a witchcraft.
make a 2/3 and a 1/3 grid ( via set cell size)
pull in the 2/3 grid a 1/1 container and in the 1/3 grid 2 1/1 containers:
click on it to enlarge the image:
if you have to have that grid not fullsize – give the grid-row a custom class: on my test page it is: grid-notfull
put this into functions.php of your child-theme:function grid_layout_notfull(){ ?> <script> (function($){ $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize"></div>'); $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" }); $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 50px"}); })(jQuery); </script> <?php } add_action('wp_footer', 'grid_layout_notfull');you have to adjust it then to your needs ( above are the default settings with 1310px width and 50px left/right padding )
see : https://webers-testseite.de/33916-2/so if it is based on blue-yellow and change it to your needs:
add_filter('avf_skin_options', 'my_custom_added_style_function'); function my_custom_added_style_function($styles = "") { $styles["Peeters Style"] = array( 'style'=>'background-color:#2c353d;', 'default_font' => 'Helvetica-Neue,Helvetica-websave', 'google_webfont' => 'Metrophobic', 'color_scheme' =>'Peeters Style', // header 'colorset-header_color-bg' =>'#ffffff', 'colorset-header_color-bg2' =>'#f8f8f8', 'colorset-header_color-primary' =>'#efbb20', 'colorset-header_color-secondary' =>'#444444', 'colorset-header_color-color' =>'#333333', 'colorset-header_color-border' =>'#e1e1e1', 'colorset-header_color-img' =>'', 'colorset-header_color-customimage' =>'', 'colorset-header_color-pos' => 'center center', 'colorset-header_color-repeat' => 'repeat', 'colorset-header_color-attach' => 'scroll', 'colorset-header_color-heading' => '#000000', 'colorset-header_color-meta' => '#808080', // main 'colorset-main_color-bg' =>'#ffffff', 'colorset-main_color-bg2' =>'#f8f8f8', 'colorset-main_color-primary' =>'#efbb20', 'colorset-main_color-secondary' =>'#db9d00', 'colorset-main_color-color' =>'#9c9c9c', 'colorset-main_color-border' =>'#e1e1e1', 'colorset-main_color-img' =>'', 'colorset-main_color-customimage' =>'', 'colorset-main_color-pos' => 'center center', 'colorset-main_color-repeat' => 'repeat', 'colorset-main_color-attach' => 'scroll', 'colorset-main_color-heading' => '#2c353d', 'colorset-main_color-meta' => '#919191', // alternate 'colorset-alternate_color-bg' =>'#2c353d', 'colorset-alternate_color-bg2' =>'#454e57', 'colorset-alternate_color-primary' =>'#ffffff', 'colorset-alternate_color-secondary' =>'#efbb20', 'colorset-alternate_color-color' =>'#ffffff', 'colorset-alternate_color-border' =>'#5b646b', 'colorset-alternate_color-img' => "", 'colorset-alternate_color-customimage' =>'', 'colorset-alternate_color-pos' => 'top center', 'colorset-alternate_color-repeat' => 'repeat', 'colorset-alternate_color-attach' => 'scroll', 'colorset-alternate_color-heading' => '#ffffff', 'colorset-alternate_color-meta' => '#e1e1e1', // Footer 'colorset-footer_color-bg' =>'#2c353d', 'colorset-footer_color-bg2' =>'#454e57', 'colorset-footer_color-primary' =>'#ffffff', 'colorset-footer_color-secondary' =>'#efbb20', 'colorset-footer_color-color' =>'#ffffff', 'colorset-footer_color-border' =>'#5b646b', 'colorset-footer_color-img' => "", 'colorset-footer_color-customimage' =>'', 'colorset-footer_color-pos' => 'top center', 'colorset-footer_color-repeat' => 'repeat', 'colorset-footer_color-attach' => 'scroll', 'colorset-footer_color-heading' => '#ffffff', 'colorset-footer_color-meta' => '#e1e1e1', // Socket 'colorset-socket_color-bg' =>'#5b646b', 'colorset-socket_color-bg2' =>'#454e57', 'colorset-socket_color-primary' =>'#ffffff', 'colorset-socket_color-secondary' =>'#efbb20', 'colorset-socket_color-color' =>'#ffffff', 'colorset-socket_color-border' =>'#5b646b', 'colorset-socket_color-img' => "", 'colorset-socket_color-customimage' =>'', 'colorset-socket_color-pos' => 'top center', 'colorset-socket_color-repeat' => 'repeat', 'colorset-socket_color-attach' => 'scroll', 'colorset-socket_color-heading' => '#ffffff', 'colorset-socket_color-meta' => '#e1e1e1', //body bg 'color-body_style' =>'stretched', 'color-body_color' =>'#ffffff', 'color-body_attach' =>'scroll', 'color-body_repeat' =>'repeat', 'color-body_pos' =>'top left', 'color-body_img' =>'', 'color-body_customimage' =>'', ); return $styles; }by the way – you can have your own style. You find those definitions of the buttons above on : register-backend-styles.php
to have your own style there put this ( as an example ) in your child-theme functions.php:next post please
there you can replace all : #efbb20 to the hex code you need ( but think of enough contrast to the background)
and by the way – from your link above – till now avia.js was splitted in different files.
The setting now can be find in : avia-snippet-lightbox.js line 20
so a different method could be to have a child-theme avia-snippet-lightbox.js file and load this
but this will be a bit harder to make – because the script was conditionally loaded on functions.php of enfold.don’t know how to deregister that conditionally and register conditionally via a child theme
but i think what you mean is not the scrollbar in the lightbox but that background of lightbox is scrollable:
(sometimes the content of the lightbox isnt an image but maybe a website or a lot of text – this should stay scrollable)try this in functions.php of your child-theme:
add_action('wp_footer', 'custom_lightbox_script'); function custom_lightbox_script(){ ?> <script type="text/javascript"> (function($) { function a() { $('body').on('click', '.lightbox-added', function() { if($('.mfp-bg').length >= 1) { $('html').css("overflow-y", "hidden"); } }); $('body').on('click', function() { setTimeout( function() { if($('.mfp-bg').length == 0) { $('html').css("overflow-y", "scroll"); } },500); }); } a(); })(jQuery); </script> <?php }you can use tags inside a input filed of that form alb:
(if you use span it will have a different font-size)<i>First Line</i><i>Second Line</i>#top label i { display: block; }so try the code in quick css and put in your field:
<i>Message (You can list the number of rooms / areas or rough sizes)</i><i>ex) 3 Bedrooms, 1 Living room(12‘x16’), 12 Stairs, 1 Hallway, 1 Rug</i>What kind of predefined color scheme is used on that demo?
have a look to Dashboard – Enfold (Child) – General Styling
There are most of the color settings. Sometimes the demo stylinges have some “Advanced Styling”Dear Bubu – it would be very nice if approaches to solutions that lead to the goal would also be positively decided.
https://kriesi.at/support/topic/header-logo-gets-cropped-when-shrinking-on-sticky/but afaik has Enfold included the waypoints script – there is an existing sticky script to it. But i never worked with it.
maybe a mod knows how to use the waypoints script to have sticky elementsthe biggest problem is that position sticky is not well supported on ever browser:
https://caniuse.com/#search=stickyYou can reach it with Javascript. And on a quick and dirty function i got this. But it does not respect the resize function.
see result here: https://webers-testseite.de/scrolling/if this is no problem for you – i will tell you how to.
And if you are interested to have the choice on each page/post – you can have a meta-box on every page/post where you can set it like template or breadcrumb etc.
by the way you can decide this via functions.php for only some pages with if-clauses:
if you choose header top on the enfold options – you can have sidebar navigation for frontpage only by:add_filter('avf_header_setting_filter','av_change_header_style'); function av_change_header_style($header){ if( is_front_page() ){ $header['header_position'] = "header_right header_sidebar"; } return $header; }Dashboard – Enfold (Child) – General Layout – Logo and Main Menu : choose now if left or right sidebar.
You can see here the demo overview: https://kriesi.at/themes/enfold-overview/
Scroll down to: Consulting DemoFirst you can decide to insert in the heading input field the word with a softhyphen !
<span style="color: #eaa11d;"><span style="color: #ffffff;">#FairShare­</span>Everywhere</span>
that­helps you to have a non visible breakpoint for your heading
And then you got the opportunity to go to that tab “screen options” there are some options for screenwidth for both the heading and the subheadline font size.
Result is here: https://webers-testseite.de/accordion/
I’m afraid this isn’t going to happen. You have a shortcode based layout here.
For example, if you use a multi column shortcode plugin, and then want to go back without using shortcode afterwards, that’s not possible either.
With text blocks it may still be relatively easy, but with pictures and media elements and and so on. pp ? noMay I possibly know the reason for your change? Maybe there are solutions for the “separation decision” and you can stay with Enfold.
if this is the only reason: https://kriesi.at/support/topic/enfold-v4-5-3-not-working-with-wordpress-v5/ – there are solutions for it. All my Enfold installations are now on Enfold 4.5.3 and WP5.0.3 – and everything works fine as it should.
your rules are correct i think – but only the transition point at 1400px got the troubles
on the first you like to show only if it is a wider screen than 1400px
because it is visible on default it is ok to avoid displaying it below 1400px
so the first one you can shorten to:@media only screen and (max-width: 1400px) { .page-id-1602 #av_section_1 { display: none !important; } }the second rule you like to show it only between 1280px and 1400px
so can you try:@media only screen and (max-width: 1400px) { .page-id-1602 #av_section_1 { display: none !important; } } .page-id-1602 #av_section_2 { display: none; } @media screen and (min-width: 1280px) and (max-width: 1400px) { .page-id-1602 #av_section_2 { display: block !important; } }here we have the point 1400 both at max-width – this has to work better
and don’t forget to have the page-id everywheredid you solve the problem? Is it your homepage? – i mean with your nick it is not so hard to find yours. ;)
by the way – try to compress / optimize the jpg a bit more : f.e. the rustic_farmhouse_plaque_pig.jpg got over 2MB – which reduces the performance of your loading.Also vorhin war auch der Responsive Fall für mich ok.
Jetzt sehe ich die Seite nicht mehr, da du ja wohl wieder im Wartungsmodus bistsiehe einen Post vorher da stehen jetzt 85% und ein margin-top von 90px
also den einen Code mit dem anderen ersetzen.
Und bitte den Button in der linken Zelle entfernen.für Deine Seite denke ich wäre es gut die Werte so anzupassen:
add_action( 'wp_footer', 'move_impressum_button' ); function move_impressum_button() { ?> <script type="text/javascript"> (function($){ $('.avia-button-wrap.kontakt-botton').insertAfter($('.avia-button-wrap.kontakt-botton').closest('.flex_cell')); $('.avia-button-wrap.kontakt-botton').css({ "position": "absolute", "top": "85%", "left": "5%", "margin-top": "90px" }); $('.avia-button-wrap.kontakt-botton').prev('.flex_cell').css("padding-bottom", "100px") })(jQuery); </script> <?php }bitte nicht zusätzlich sondern ausschließlich
dann musst du nur noch diesen Top wert von 75% anpassen
Bitte tausche den Code mal aus- ich habe das ganz aus dem Flex-Cell rausgenommen !
Und nimm den Impressum Button in die Rechte Zelle !
Dann kannst du auch die linke Zelle Verschwinden lassen.ich hatte den code oben jetzt mal verändert.
Dann kannst du die linke Zelle bei mobil versteckenDu musst dann nur den Button in die Zelle rechts mit hineinsetzen. Nach unten. Denn die absolute Positionierung macht den Rest dann.
