Forum Replies Created
-
AuthorPosts
-
But Rikard – that would be great if this could be the default behavior. That padding goes to the parentcontainer and not to the image.
every container you like : f.e.:
.postid-2064 #main .container_wrap { background-image: url(https://www.sayitwithstyle.co.uk/wp-content/uploads/2018/03/1920-wide-logo-with-30-opacity.png); background-size: contain; background-repeat: no-repeat; background-position: center center; }
but on that case i would delete the background for:
There must be an inline-style on.fpd-container .fpd-main-wrapper { ………… }
It’s a bit like an old marriage; you’re willing to work on it, or you give up directly because something doesn’t suit you. But you should not just give up on a well-functioning marriage in which everything fits except for one obstacle.
Sometimes you just have to find a way to make something fit without bending it and yourself.
A change to another person may bring a gain in pleasure in the beginning, but you will also find such a (different) obstacle there. And before you know it, you’re a lonely person whose blemish you’re no longer willing to overlook.
:lol:
From experience, I tell you it’s worth staying tuned for.
PS: I have been with one and the same woman for almost forty years now. That was also worth it. ;)You’re welcome – but
Ismael told you to set the padding to zero : if it’s not effective immediately; try it with !important or it is a caching / merged file reason.But as I said: thanks for the tip – I wouldn’t have noticed that without the A/B comparison.
ok here we go:
( i styled it here only for my page with ID: 2466 – if you want to have it everywhere – remove the if clause – but don’t forget to delete the last but one closing curly bracket then too!)
it is recomended to use a child-theme
both comes to child-theme functions.phpfirst : the container itself placement
add_action('ava_main_header', function() { if(is_page(2466)){ echo '<div class="fixed-tel"> <a id="klick" class="telephone" href="tel:+492289768293"> <span class="phone-icon">+49 228 9768293</span> </a> </div>'; } });
Second: the function for animation:
add_action( 'wp_footer', 'fixed_contact_script' ); function fixed_contact_script() { if(is_page(2466)){ ?> <script type="text/javascript"> (function($){ $(function(){ $('.fixed-tel').data('size','big'); }); $(window).scroll(function(){ if($(document).scrollTop() > 10){ if($('.fixed-tel').data('size') == 'big') { $('.fixed-tel').data('size','small'); $('.fixed-tel').stop().animate({ top:'42px' },700); } } else{ if($('.fixed-tel').data('size') == 'small') { $('.fixed-tel').data('size','big'); $('.fixed-tel').stop().animate({ top:'50%' },700); } } }); })(jQuery); </script> <?php } }
this comes to quick css:
.fixed-tel { top: 50%; right: -165px; position: fixed; z-index: 10; background-color: #1ecaed; border: 2px solid #fff; border-right: none !important; } #klick { padding: 20px; display: block } .phone-icon::before { content: "\e854"; font-family: entypo-fontello; padding-right: 18px; font-size: 30px; top: 3px; position: relative; } .fixed-tel:hover { right: 0 !important } .fixed-tel a:hover { text-decoration: none } .telephone { color: #fff !important }
if you don’t like the hidden part of that telephone field – just set the right positioning to 0 – and remove css for fixed-tel:hover)
if you like to link to your contact page just change href in:echo '<a class="telephone" href="tel:+492289768293">
and adapt the content ( maybe the icon to: \e805 )
if you like to have that phone field over the slided in hamburger menu – set the z-index to 1000
some positioning depends on your header height ( and if you have f.e. top bar etc.Result as mentioned above see here: https://webers-testseite.de/impressum/
we now have to look for ipad view – because fixed positioning is always a problem on those mobile devices.
or we go and have some inspiration:
just one moment i try to simplify that code a bit. …
so it might be temporarly not available or not function
https://webers-testseite.de/impressum/maybe you remove the link now ;) on here
- This reply was modified 5 years, 2 months ago by Guenni007.
yes – but that is indeed something totaly different. It is a kind of flyout
look for flyout plugins: https://de.wordpress.org/plugins/tags/flyout/
i got this – but it is a premium plugin and costs some money: http://demo.bnecreative.com/flyouts/
if you like the solution with the button on my page – it will be best to have a lifelink from you where you have styled sofar all Elements.
This sticky technique works with a sticky-wrapper div and a sticky element.Tja – maybe it is something like this: https://webers-testseite.de/sticky-elements/
or here with sticky sidebar: https://webers-testseite.de/buttons/if you have a lifelink for us – the class lightbox-added comes with the method above automatically to the image. So i do not understand why your code does not work as it should
See here my test page: https://webers-testseite.de/images-in-table-cells/
- This reply was modified 5 years, 2 months ago by Guenni007.
Create under your table a text-block element.
First insert one image after the other by adding media file to it:
( click to enlarge ):
you see that i have choosen to have link “media file”
that it is centered – and perhaps a caption.Now change to text editor mode of that to see the html code for it.
Each image now you can copy paste that html codePaste this code to your cells – and after that you can delete your helping text block element
- This reply was modified 5 years, 2 months ago by Guenni007.
it is definitly that the padding as Ismael supposed caused the issue – so it is better on the div container than on the image:
( well to see at the left rear table leg and at the shadow underneath. )
the padding on the img does scale it – thats why there is a difference on sharpnessdiv .wp-caption { padding: 4px } #top .wp-caption img { padding: 0 !important}
4px because of 1px border-width
i have now three images
- the first with the padding to the image ( enfold default)
- the second with caption but with the padding on the container and image no padding! (see code above)
- the third without caption
https://webers-testseite.de/images-with-caption-in-text-block/
by the way: delete all cachings and if you merge css and js on Enfold Options / Performance – refresh them
what I find much worse than the loss of sharpness is the slight color shift.
The picture looks like a light veil over it, and slips into the greenish (very little but visible) over.
(like a hue-rotation on 4 or 5deg)but I never saw the one with the different sharpness until you brought it up here. Thanks – now it bothers me too ;)
https://webers-testseite.de/images-with-caption-in-text-block/
Edit: it seems to be the padding of 5px to center that image in the border-frame
if you get rid of it on developer tools by uncheck the rule the image is sharpAnd even that page – allthough it is not yours and not under construction is a secret to put it in private content area?
Yes this plugin works with alb or classic editor.
But you have to insert that shortcode via Code-Block element.
_________
If you follow the legal text exactly, no information ( yes also an IP is this ) may take place before the Opt-In. In my opinion the homepage ( landing page ) is an unsuitable place for a Background Youtube or Vimeo movie. Because as soon as a page is called, the transmission takes place in the direction of Google (in the case of Youtube). Ideally it would be if first a page is opened without Background Film (self-hosted films excluded) on which the Opt-In procedure is initiated. E.g. by a link to the privacy policy page.
But this is up to you how you proceed. A wave of lawsuits has probably failed to materialize.A next topic in this connection is the GDPR compliance. One must therefore pay attention to the fact that the visitors of the side can open the corresponding sides only if one has agreed to it by means of Opt-In solution. In any case with Vimeo and Youtube implementation.
All big Themes with drag and drop helper Tools have this problem. I looked for a Divi Solution for a customer and found a tut with that littel plugin above.
The trouble was to adapt it to the enfold-theme.
The Problem with video is that even if you have LTE Support on your mobile device – the RAM and ROM on Mobile Phones is limited.
On my webdesign homepage that is only a self-hosted very small Video. This will work propper. And then layerslider is a good solution because it is hard to get it responsive – even for mobiles too.i would like to help you.
But i guess this will only work with a third party plugin.: Advanced WordPress Backgroundssee here a page in testing mode with youtube background video: https://webers-testseite.de/carinda/
Look with your devices to it and tell me if all works as you like to have it.
Afterwards i will give you support on thatwell – where did you get the code for it?
there are so many different quotes and double quotes!
i can not say if your code will do what you want but this is it with correct signsTry to copy/paste this :
function nb_get_infos(){ ?> <form method="post" action="?register=1"> <label for="Name"><b>Name:</b></label><br> <input type="text" id="Name" name="Name"><br><br> <input type="submit" name="submit"> </form> <?php global $wpdb; if(isset($_GET['register'])) { $nb_Name = $_POST['Name']; if($nb_Name != "TEST") { $user_daten = $wpdb->get_row("SELECT * FROM wp_users WHERE ID = 1"); return "User Display Name: ".$user_daten->display_name; //display_name } } } add_shortcode( 'nb_infos', 'nb_get_infos' );
i think this will be an auto-optimize thing.
was ist mit diesem Rätselwort gemeint?
Nein – im Ernst – etwas präziser.
Was soll denn anders werden.February 4, 2019 at 4:19 pm in reply to: Different header logo for different sections of website #1062733does “or” realy works ?
if not try:||
if(is_tree(515) || is_singular('procurement-pages'))
if you only want to get rid of the arrows ( green background) :
.image-overlay .image-overlay-inside { display: none !important; }
if you like to get rid of whole overlay – including the white overlay:
.image-overlay { display: none !important; }
Please be a little more specific about your requirements.
For example, would it be enough if you had a color section that changes the wallpaper day by day?if so : make a color-section and define one background-image as you like to have it ( cover image , bottom center etc. pp)
Give a unique ID to the color-section f.e.: customID
you have to know now the page id ( so that we don’t have to load the script on pages that don’t need it at all. ) (in my case it is page id 34024)
– the relative path to your images (imglocation)
Put this into your child-theme functions.phpadd_action( 'wp_footer', 'schedule_bg_image' ); function schedule_bg_image() { if(is_page(34024)){ ?> <script type="text/javascript"> var imglocation = "/wp-content/uploads/layerslider/Origami/"; function ImageArray (n) { this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ' } } image = new ImageArray(7); image[0] = 'slide1.jpg'; // Sunday image[1] = 'slide1.jpg'; // Monday image[2] = 'slide2.jpg'; // Tuesday image[3] = 'slide3.jpg'; // Wednesday image[4] = 'slide4.jpg'; // Thursday image[5] = 'slide1.jpg'; // Friday image[6] = 'slide1.jpg'; // Saturday var currentdate = new Date(); var imagenumber = currentdate.getDay(); document.getElementById('customID').style.backgroundImage = 'url(' + imglocation + image[imagenumber] + ')'; </script> <?php } }
see here : https://webers-testseite.de/bg-scheduling/
February 3, 2019 at 10:54 am in reply to: Don't use ENFOLD – SWITCH TO DIVI – No breakage on updates! #1062178Dear scottwgraves – you should have just left that old unspeakable subject in the closet. Look at the date of the thread – obviously the lady still stayed with Enfold; the links within the oversized collection of support requests – after all already 5 – are all still enfold pages.
February 2, 2019 at 10:10 am in reply to: using different logos on individual pages – old php solution no longer works #1061937Another question ( besides of a lifelink ) is it a page with transparent header?
because then you have to substitute the alternate Logo first.add_filter('avf_header_setting_filter','replace_logo_for_transparent_pages'); function replace_logo_for_transparent_pages($header){ if(is_page(9)){ $header['header_replacement_logo'] = "https://url-to-the-new-logo"; } return $header; }
that is the logo you put in on Enfold (Child) – Header – Transparency Options : “Transparency Logo”
i’m participant as you so i do not see your private content.
your page was down or under maintainance mode – so i only can suggest what was happening
see how it works on my testinstallation: https://webers-testseite.de/ostler/breadcrumb-with-transparency-header/
Most of the problems seeing no breadcrumb comes from that line mentioned above.
a livelink working to see what is the reason would be nice to have- This reply was modified 5 years, 2 months ago by Guenni007.
Well Classes and IDs are two different things.
A class in css code has a dot in front of it ( but do not insert in that ALB Inputfiled the class with that dot)
so in your code as you did it the rule is f.e.:.button_new { border-radius: 15px !important; }
but in the input field of your button you only fill in: button_new
because this is a common mistake, I mention this in advance – because I can’t see a lifelink to check it.So if you can make it public it is easier to find the correct code.
#top .button_new { border-radius: 15px !important; }
Next is: The css works with a specifity calculator – that means if a rule is more specific than another one it has more weight.
An additonal ID f.e. like #top can make the decission to show or not
and on the fullwidth button the class goes to the wrapper of the button – this is one level above
try:body .button_new .avia-button-fullwidth { border-radius: 15px; }
OR
if you only want the breadcrumb you can place it by hand with a shortcode ( but without the title on the left)
function av_breadcrumbs_shortcode( $atts ) { return avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true)); } add_shortcode( 'bread_crumb', 'av_breadcrumbs_shortcode' );
use it then as
[bread_crumb]
maybe there is a child-theme possibility now to comment that line out – but in former times i asked and searched for a solution – there was no other way to make it.
-
AuthorPosts