Forum Replies Created
-
Posts
-
hm i did not have those troubles allthough i got the same code as you have with the https in it. ?
so maybe a look into your site might be helpful!
see results from your testsite of my page:
try this above ( 2 rules)
.js_active .grid-image { opacity: 1 !important; } .avia-slideshow li { visibility: visible; opacity: 1 !important; }After that we will see if the functionality is ok – because on my simulation the slider did not work.
did you deactivate all the third party plugins ? And look if it works than.
I see you got jetpack and something like custom facebook feed etc pp.
Try this first – and activate the caching plugins at last – because otherwise you have to clear cache allways before seeing results.
than activate one after the other and see if there are some inconsitstencies.Click to enlarge:
don’t know where it comes from. I have to have a deeper look to your codes :
but first look if you have set an opacity to 0
add to quick css :.js_active .grid-image { opacity: 1 !important; }don’t know if the important is necessary – try it first without – that is one part of the solution.
Now i have to look to slider.and try that with your image:
.av-caption-image-overlay-bg { opacity: 1 !important; transform: scale(0.9); background-image: url(https://sanotech.my-tagit.be/wp-content/uploads/2017/10/service_bg-e1508262915962.jpg); background-size: cover; }or play a bit with opacity (by the way – maybe it is better to have webkit-opacity too)
.av-caption-image-overlay-bg { -webkit-opacity: 0.7 !important; opacity: 0.7 !important; transform: scale(0.9); background-image: url(https://sanotech.my-tagit.be/wp-content/uploads/2017/10/service_bg-e1508262915962.jpg); background-size: cover; background-color: #fff !important; }ok – a screenshot isn’t the way a good advice can be given.
The code above works (as you can see on my page above on image overlay )To have only the colored field behind:
.av-caption-image-overlay-bg { opacity: 1; background-color: #1885ad; transform: scale(0.9); }you than have to do this with caption text:
.av-image-caption-overlay-center { padding: 20px; }does your Font Resizer support shortcodes to insert it?
because you can insert in phone info field shortcodes too !
if no support for it : create your own shortcode for that font-resizer !
i would try to eliminate the fontello icon and than place instead a background-image:
.image-overlay .image-overlay-inside::before { background: url(https://homeurl/wp-content/uploads/2015/07/service_bg.jpg); background-repeat: no-repeat; background-size: cover; content: "\00a0" !important; }see here: Link
if you like to influence the transparency of the overlay color:.avia_transform a:hover .image-overlay { opacity: 0.8 !important; }aha – that is the malus if i can not see the site to which it concerns .
no header_meta there – no success
great – has he a link to the page in private content ?
As far as i know – He likes to have this element only for his site. There is no such element. And i see that there is some extra javascript on that element.
öffne dein svg mal in einem Editor (nicht text editor oder wordpad, die fügen blödsinnigen code hinzu – nimm notepad++ oder eben sublime text am mac)
das sieht man oben im Kopf (ps ich entferne immer die generator zeile) dann so aus:
<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 821.8 296.7" style="enable-background:new 0 0 821.8 296.7;" xml:space="preserve">Durch hinzufügen einer Anweisung nimmt man einfluss auf das Shrink Verhalten und die Position in der Viewbox:
<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 821.8 296.7" style="enable-background:new 0 0 821.8 296.7;" preserveAspectRatio="xMinYMid meet" xml:space="preserve">dann bleibt das svg linksbündig und wird aber in der höhe vermittelt !
oder eben hier runterladen: Link
Den einen Link oben sollte dir zeigen, was ein svg so alles vorherbestimmen kann.
wenn du das Browserfenster mal in der x Richtung verkleinerst, und danach in der y-Richung siehst du das es nach links sich verkleinert.
in der y-Richtung aber in der Mitte bleibt.das kann man durch manuelles bearbeiten des svg in einem Texteditor erreichen.
PS : bei diesen Menu Dimensionen solltest du entweder die social Buttons in das Topmenu verbannen, oder du gehst unter header – header verhalten auf: Let logo and menu position adapt to browser window
wahrscheinlich musst du sogar noch den umbruchpunkt zum Burgermenu hin verändern.du hast irgendwo das svg als background eingesetzt.
.logo { background: url('http://www.contigo-personal-training.de/wp-content/uploads/2017/05/cpt-Logo.svg') no-repeat; height: 60px; top: 15px; width: 170px; }das muss inline code sein ( hast du zB. das customize von WP benutzt ?)
Such das mal , und lösche das.
Dann setzt du das logo ( man kann auch svgs nehmen) im Enfold Dialog ein (ps ist wohl auch schon geschehen; daher doppelt !)
da du mit der Anweisung oben höhe und weite gesetzt hast ist auch das hier eingesetzte svg mit den gleichen Daten sichtbar !Bei Firefox fällt es nicht auf weil offensichtlich deckungsgleich – in den anderen browsern ist es wohl anders.
click to enlarge:
wenn das geht, dann füge um das Logo sichtbar zu machen in das quick css ein:
.logo img { width: 170px; height: auto}Da ist WordPress ein wenig hinterher mit der svg Unterstützung . Es interpretiert die svgs als hätten sie 0px höhe und 0px weite.
Und natürlich entferne die Anweisung
.logo img {display: none }did you set up an amp site ?
enfold offers a responsive Layout – to that the site is well presented on mobile – but an amp site is something different.
By the way there is an amp wordpress plugin ! which creates an amp page – but be carefull it sometimes disable links to some pages (f.e. imprint pages) so that on f.e. germany some cease-and-desist order my occur!
Edit: sorry i see now that your pages have the /amp/ link in permalink
Don’t know why they are not acceptedich hasse den neuen Firefox – mein geliebtes Firebug läuft nicht mehr; da hätte ich das ganze schneller gefunden.
Übrigens sieh mal hier was du am svg machen kannst, damit du das shrinken beeinflussen kannst: Link
Solved : you set it as background ! (it must be an inline css )
.logo {background: …}You don’t need to do that.
Just enter it in the enfold options and give the svg a width (in absolut values).logo img { width: 400px; height: auto}you have inserted the svg on a different way?
i do not see why there are two times the svg butif you set the .responsive .logo img to display none too
.responsive .logo img {display: none}it disappears ! ??? it is a riddle
how do you insert the logo svg?
on firefox – mac i do not see the logo twice – but on safari – yes there are two logos
on safari i see that on layout.css the
.responsive #top .logois set to
display : table
but this is enfolds normal setting on small screens
if i deactivate it the second logo disapears.Edit : by the way on firefox the same thing but the two logos are congruently above each other!
– so i don’t know why there are two logos – i will have a deeper lookwhat kind of logo file did you use. If you are using a svg file there are some tricks to determine the shrinking center.
you can open the svg with a good text-editor (on mac sublime-text or notepad++ on windows)
there you can place on top in the <svg … just after viewbox something like this:preserveAspectRatio="xMinYMin meet"looks this way:
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="110 33 400 120" enable-background="new 110 33 400 120" preserveAspectRatio="xMinYMin meet" xml:space="preserve">xMinYMin means the svg shrinks to the top left
xMinYMid means the svg shirnks to left mid
xMaxYMax shrinking to bottom right
etc.if so Rikard is right – ( and i use sometimes mappress pro plugin) you can avoid loading enfolds google routine by:
add_filter('avf_load_google_map_api', 'disable_google_map_api', 10, 1); function disable_google_map_api($load_google_map_api) { $load_google_map_api = false; return $load_google_map_api; }The third party plugin got his own loading routine so after that you can use nevertheless the enfold google alb element.
But first : aktivate the api on Enfold dialog.
On my case the third party plugin got his own input field for api code.by the way a lot of css is unknown: f.e.:
<details> <summary>Copyright 1999-2014.</summary> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </details>see how it works on : https://webers-testseite.de/ajax-portfolio/#tab-3
just css !by the way what kind of menu you are using on tablet and pc ?
i think you have the burger all the time ?
if not it has to be done by your codeif you got the burger allways you can do it
by counting the menu points (don’t know what is your menu point – so change number@media only screen and (min-width: 480px) { #av-burger-menu-ul li:nth-child(3) { display: none !important; } }why not using the thing what has been made for it:
Walt Disney<sup>®</sup>
and the oposite:
H<sub>2</sub>Osee here: https://webers-testseite.de/ajax-portfolio/#tab-4
by the way it is :
sup { vertical-align: super; font-size: smaller; }and:
sub { vertical-align: sub; font-size: smaller; }these definitions are implemented in all browsers – you don’t need to set it in quick css – because vertical-align sub and sup are standard definitions.
