Forum Replies Created
-
Posts
-
on that page f.e: https://campcarysbrook.com/fees-registration/camper-forms/ the little icons are inserted by a plugin or via script.
Maybe this tries to insert on the same way a pdf icon before the enfold button and destroyes the structure.
There are ways via quick css to replace the enfold icon with your: https://campcarysbrook.com/wp-content/plugins/mimetypes-link-icons/images/pdf-icon-16×16.pngthe thing is – that background-images do not have alt tags – or do you see in your source code an image tag?
i can not believe that a seo tool (i use for bigger sites Yoast Seo – and others for smaller sites ) would find this as fault.
May i see the concerning site?besides the script problematic – see your source code some entries in the body tag – etc. pp ( Google Analytics code etc)
(how did you insert your Analytics Code >? f.e.)maybe that causes my hypothesis:
try to select some “invisible” text – this seems to be white font on white background. Because i see the spell check working in your screenshot.but you are sure, that you have inserted the higher resolution to your site?
on The image Alb element or other image based ALB Elements of Enfold – you can choose what resolution is shown f.e.:
there is no automatic load of the child-theme replacement files:
there is a child-theme functions.php snippet that induces the replacement: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-albthe place then for the substitutes is: child-theme/shortcodes/
in this case i would overwrite the parent theme file – because it will be fixed in next update
but this is deprecated stuff. Google / Youtube changed all what was in former times possible to suppress.
You only have the possibility to have your own Channel and on these Videos it is possible to set some things in the youtube Options.What you always can do is not to use the google maps ALB Element – but the codeblock element and embed the iframe given from Google Maps ( there is an embed button on share the map )
The only thing to change there is the width to 100% and the wanted height !
Then insert to the codeblock element your borlabs short code and the iframe inbetween:[borlabs-cookie id="googlemaps" type="content-blocker"]<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2524.0265485697782!2d7.0528674!3d50.7565414!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bf1e2abeab2637%3A0x2a80c2a108fded35!2sLudwig-Schopp-Stra%C3%9Fe%2027%2C%2053117%20Bonn!5e0!3m2!1sde!2sde!4v1572797232411!5m2!1sde!2sde" width="100%" height="600" frameborder="0" style="border:0;" allowfullscreen=""></iframe>[/borlabs-cookie]or do not remove it but redefine it to an empty title:
jQuery('your-selector').attr('title', ' '); or via property: jQuery('your-selector').prop('title', ' ');And by the way – this could not be the correct usage of the font name in css? – with file-extension?
This preview should give you an idea of what the layout will look like, but does not show exactly what will be shown in the frontend.
you can switch of that developer Preview in Options Dialog of Enfold : Layout Builder – General Builder Optionscan you show a gallery of your page on frontend? That will help more like that little film to inspect what happens.
how to add a custom script to enfold – see here: https://kriesi.at/documentation/enfold/add-custom-js-or-php-script/#add-a-script-to-footer-section
Ok _ thanks for now :
these are my efforts on that: https://securityheaders.com/?q=https%3A%2F%2Fwebers-webdesign.de%2F
you can see my code inserted in htaccess file on that page.My efforts for now: i did setup for the admin area an own htaccess file with less restrictions.
That is good for the options in enfold – but there is a lot to do to have a secure site – and white lists for google maps f.e. etc.
If someone has a good example page – it would be nice to see.Nice Link Rikard – thanks
btw: if no hook fits to your position – your deposit has a unique ID (#yith-wcdp-add-deposit-to-cart) so you can do it with jQuery too via appendi changed the testpage to a similar gradient you like to use.
PS:
the normal w3c definition of angle is that the top position marks the 0deg and the count goes clockwise.
the other browser definitions : the horizontal right position is the 0deg and the angel is meassured counter clockwise.
so 45deg are on both coordinate systems the same but 35deg on the first is (90-35) = 55deg on the other.
on most cases the w3c will be enough ( but i usually add the webkit definition too /* safari5.1+,chrome10+ */ )Please don’t ask why w3c set it this way – on mathematical coordinate systems the other is the most common in use.
but you see on my testpage – that there is a whole image as background to both grid elements?
the red arrow shows to the grid-row element
the green arrows show you inside the grid-row elements.
So if you have no background definition on the cells the grid-row element background is seen.
You see on my code there is a unique ID to that grid-row element – and to that unique ID i made a css rule for the background-image. If you know how to use developer tools of your browser you can see the code.the link to your gradient is f.e. : https://angrytools.com/gradient/?0_f4c695,100_b7885f&0_100,100_100&l_35
but take background-image as attributemy css on that page will be this way:
#with-background-image { background-image: -webkit-linear-gradient(35deg,#f4c695 0%,#b7885f 100%); background-image: linear-gradient(55deg, #f4c695 0%, #b7885f 100%); background-repeat: no-repeat; background-size: cover; background-position: top center; }just give a custom-class or unique ID to the whole grid-row element.
The rest is css in quick css.
See here example: https://webers-testseite.de/grid-row-background-image/
here you can find a nice tool to generate gradients ( even as svg image ) : https://angrytools.com/gradient/you know how to set in quick css a background-image ( Gradient ) ?
my first thought was the transparency – but if you haven’t i don’t know.
By the way – is there in the meanwhile a filter solution for setting the breadcrumb visiblilty even for transparent headers?
( the line 1060 on newest enfold:
` if(!empty($transparency)) $header[‘header_title_bar’] = ‘hidden_title_bar’;
`
was in that case commented out by me with a copy of the whole function ( avia_header_setting ) in child themeyou have to work with data-groups
in my case for the youtube film i do not need a custom-class because the images have lightbox-added class and the youtube films mfp-iframe –
guess that someone could help you with transfer to different image groups with that hint: https://kriesi.at/support/topic/lightbox-galleries/#post-1116515
On that code you see how to add the data-group attribute to a selector
or:
https://kriesi.at/support/topic/lightbox-on-button-click/#post-650061here from Dmitry Semenov himself an Example: https://codepen.io/dimsemenov/pen/pvvpgJ
and ;) https://kriesi.at/support/topic/4-6-3-1-issues/#post-1144794 03.10.19
Well – that it works you can see: https://webers-testseite.de/guenni/datenschutzerklaerung/
So maybe it is a user error.
Mostly the participants do not like to read. Only copy and paste thats all.
If you will do it step by step – it works. ( except if you have some older Enfold Versions )
Now i’m out – because i don’t want to rank your postings bad. Sorryand if this synthax work with the magnific popup function – you should have a space after each comma:
jQuery('.menu-item-17225 a, .menu-item-17226 a, .popup-button a, .archive-button, .header-button-1, .header-button-2').magnificPopup({ …by the way:
You should only upload the photos to your own server – maybe I could delete them.
https://webers-testseite.de/wp-content/uploads/testimonial-shadow.pngOn the buttons site i have that sticky sidebar – in a manner that you can use even with very long sidebars.:
https://webers-testseite.de/buttons/
you can see here what is possible with flex-box modell:
https://webers-testseite.de/layout-mimic/If you are interested – i will make a tutorial page like the other one: Link
