Forum Replies Created

Viewing 30 posts - 8,401 through 8,430 (of 11,804 total)
  • Author
    Posts
  • in reply to: Change Color body Style on one page #949243

    thanks Ismael – i will give it a try.
    PS that filter was not in the list i have from https://kriesi.at/documentation/enfold/hooks-and-filters/
    Maybe a global search in enfold folder for “apply_filters” should be necessary. ;)

    so you see that on my folder structure of that plugin will be in that way the css is generated on that helper-page from groogle.
    the css code comes to the css folder as f.e. chelsea.css the fonts itself comes to the fonts-folder.
    so than the relative path is as yours: ../fonts/

    so if you don’t like to use that little plugin i would preserve the structure of the page above
    1) make (as you did it) a fonts folder on child-themes folder
    2) and make a folder css.
    3) name that whole @import-rule like your fonts name f.e. chelsea.css
    4) include the css via your functions.php of your child theme by:

    function local_google_fonts() {
      wp_enqueue_style( 'chelsea-fonts', get_stylesheet_directory_uri().'/css/chelsea.css' );
    }
    add_action( 'wp_enqueue_scripts', 'local_google_fonts' );
    ?>

    5) Every added Font like this you can do it by semicolon separated line wp_enqueue_style
    6) Now everything should work
    7) you can add those fonts via that shortcode as body and content font – but they were loaded from local place now because of:

    add_action( 'init', 'enfold_customization_switch_fonts' );
    function enfold_customization_switch_fonts() {
        global $avia;
        $avia->style->print_extra_output = false;
    }

    if you look into that plugin ( it is only the thing on that link google fonts helper) you will see that it is only an activation of the fonts.
    But i think it makes it a bit more clearer what happend – the content of that plugin will look like this:

    function local_google_fonts() {
    	wp_enqueue_style( 'chelsea-fonts', plugin_dir_url( __FILE__ ) . 'assets/css/chelsea.css' );
    }
    add_action( 'wp_enqueue_scripts', 'local_google_fonts' );
    ?>

    this is the chelsea.css what you got on the helper site:

    /* chelsea-market-regular - latin */
    @font-face {
      font-family: 'Chelsea Market';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/chelsea-market-v5-latin-regular.eot'); /* IE9 Compat Modes */
      src: local('Chelsea Market'), local('ChelseaMarket-Regular'),
           url('../fonts/chelsea-market-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/chelsea-market-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/chelsea-market-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../fonts/chelsea-market-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/chelsea-market-v5-latin-regular.svg#ChelseaMarket') format('svg'); /* Legacy iOS */
    }

    the only thing now is to locate the correct relative path!
    if you are not shure if that was the correct path to it use first the absolute path ( https:// url /wp-content/themes/enfold-child/fonts) – you know what i mean.
    the ../fonts/ on your css code means that from the css it is one level higher in the fonts folder.
    if you did that into child-themes/style.css the fonts-folder has to be a level higher.
    but i think that your folder structure is more like

    /* chelsea-market-regular - latin */
    @font-face {
      font-family: 'Chelsea Market';
      font-style: normal;
      font-weight: 400;
      src: url('/fonts/chelsea-market-v5-latin-regular.eot'); /* IE9 Compat Modes */
      src: local('Chelsea Market'), local('ChelseaMarket-Regular'),
           url('/fonts/chelsea-market-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('/fonts/chelsea-market-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('/fonts/chelsea-market-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('/fonts/chelsea-market-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('/fonts/chelsea-market-v5-latin-regular.svg#ChelseaMarket') format('svg'); /* Legacy iOS */
    }

    that means your folder fonts is on the same level as your style.css in which the css from above is integrated

    in reply to: Videos doesn't work after Enfold upgrade to 4.3 #949005

    on default webm should work – but have you tried mp4 instead?

    Edit : i see you changed it now to youtube pendents.

    in reply to: shadow at the top of a grid row? #948973

    that is more or less a good compromise – to have a pseudo class container.
    set the class for the grid-row element to: grid-shadow

    .av-layout-grid-container.grid-shadow::before {
        content: "";
        box-shadow: inset 0 1px 5px -1px rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }
    in reply to: shadow at the top of a grid row? #948757

    the class is directly behind the container so it would be with no space between them
    .av-layout-grid-container.avia-shadow

    but if you like to have different shadows – it might be better to call it a different way: f.e grid-shadow

    .av-layout-grid-container.grid-shadow {
        box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.8) !important;
    }

    And: it will not work if your grid-cells have a background-color!!!

    nothing has changed yet – the font is still called entypo-fontello ;)

    I’m just kidding a bit
    the fault is on https://kriesi.at/documentation/enfold/custom-social-icons/ – should be corrected indeed

    The font is still called entypo-fontello

    The font is called entypo-fontello

    in reply to: shadow at the top of a grid row? #948704

    give to the grid-row ALB element the custom class: avia-shadow

    by the way it is defined already on Enfold shortcodes.css as:

    .avia-shadow {
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    if you like to have that a bit more visible play a bit with the 0.1 or the px values
    if you want to have that allways you can add it via functions.php that class.

    in reply to: Moving Secundary Top Menu #948701

    on smaller screens go back to normal view of header_meta:

    @media only screen and (max-width: 768px) {
    #header_meta {
        min-height: 30px !important;
        margin-bottom: -1px;
    }
        
    #header_meta .container {
        top: 0 !important;
        padding-right: 0;
        overflow: visible;
        height: 1px !important;
        min-height: 0px !important
    }
      
    #menu-item-shop .cart_dropdown_link {
        padding: 0 40px !important;
        top: -15px !important;
    }
    }
    in reply to: Moving Secundary Top Menu #948694

    This is a little bit hazy – because there was a 1px area of logo and shopping cart that does not work as link area:

    but i think you can live with that.:

    #header_meta .container {
        top: 50px;
        padding-right: 110px;
        overflow: visible;
        height: 1px !important;
        min-height: 0px !important
    }
    
    @media only screen and (max-width: 990px) {
    #header_meta .container {
        padding-right: 170px;
    }
      
    #menu-item-shop .cart_dropdown_link {
        padding: 0 110px 0 70px;
    }
    }

    a 0px height would cause an other layout

    And we had to think about what should happen to very small screens !

    • This reply was modified 7 years, 6 months ago by Guenni007.

    first- have a look here.
    i put the infos and a short plugin together: https://kriesi.at/support/topic/disable-google-font-loading-via-google/
    You can downlaod a whole zip file with all fonts included in Enfold https://webers-testseite.de/local-google-fonts.zip – or you visit https://google-webfonts-helper.herokuapp.com/fonts to get your font you like

    you don’t need that plugin – but it makes things easier to handle

    in reply to: Moving Secundary Top Menu #948275

    With both 100% width this will be a problem because even if the z-indices are the same ( header-meta got one of 10) this does not work.
    So we had to find a version in which those containers do not disturb each other

    The thing is that your top menu has a z-index of 10 and is 100% wide. So the cart symbol is without link option too ( and your logo)

    • This reply was modified 7 years, 7 months ago by Guenni007.
    in reply to: Reduce sticky header size #947930

    E-mail und Kontakt hast du über meinen Nick oder Avatar

    in reply to: Z-Index not working on fixed objects #947889

    give to the fixed positioned container an overflow : hidden

    in reply to: Enfold Youtube Plugin with no cookie Option for EU DSGVO? #947842

    Well – i must say that if the options on youtube videos are not selectable and work with video alb – i use my shortcode version instead. ( it is realy nice now on ALB Video Element that it has now the right proportion – so i use the surrounding container of Enfold setting.

    this to functions.php of your child-theme

    function youtube ($id){
    return 
    '<div class="avia-video avia-video-16-9" itemprop="video" itemtype="https://schema.org/VideoObject">
    <div class="avia-iframe-wrap">
    <iframe title="YouTube video player" width="720" height="405" src="https://www.youtube-nocookie.com/embed/'.$id[0].'?enablejsapi=1&ecver=2&showinfo=0&loop=1&rel=0" frameborder="0" allowfullscreen>
    </iframe>
    </div>
    </div>';
    }
    add_shortcode('youtube', 'youtube');

    and you can insert every youtube video as shortcode to where ever you like.

    [youtube G0k3kHtyoqc]

    the no cookie is integrated – and no relatives etc pp

    See here left side shortcode in text-block – right side Enfold Video ALB
    https://webers-testseite.de/cynthia/youtube/

    in reply to: Reduce sticky header size #947726

    Also:
    1) die datei : avia-snippet-sticky-header.js aus deinem gedownloadeten Enfold Ordner nehmen, und deinen Wünschen nach bearbeiten.
    2) Die Datei in deinen Ordner enfold-child/js/ legen (keine Ahnung wo der bei Mamp sich befindet.
    3) Im Enfold-Child Optionen Dialog sollte schon auch shrinking header gewählt sein, und die Starthöhe von 280px eingestellt sein (weshalb mich schon hier wundert warum du nicht bei 140px Endwert landest.
    4) in deiner Child-Theme functions.php das hier hineinkopieren:

    add_action( 'wp_enqueue_scripts', 'wp_change_sticky_header_script', 100 );
    function wp_change_sticky_header_script() {
       wp_deregister_script( 'avia-sticky-header' );
       wp_enqueue_script( 'avia-sticky-header-child', get_stylesheet_directory_uri().'/js/avia-snippet-sticky-header.js', array('avia-default'), $vn, true);
    }

    5) Schauen ob irgendwo (Enfold hat auch jetzt implementiert) einige Minimizer laufen (BWP-Minify etc oder Caching-Tools) –
    Cache überall auch am Browser löschen.
    6) Nachschauen ob der gewünschte Endpunkt von 100px erreicht wird.

    in reply to: Enfold update – latest version #947537

    well – on former days i had to say that i often updated WordPress this way.
    The changelog was in most cases very pecise which files and folders are changed. But today – in times where a lot of people have gigabit internet connections the upload of a whole thing is in the most cases much faster than to pick out the changings.

    And by this procedure you have always a rollback – do a lot of postings here on board would not be necessary.

    in reply to: Backend Quick CSS #947535

    this is something i do always add to functions.php of child-theme

    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 {pointer-events: none !important }
    </style>';
    }
    add_action('admin_head', 'admin_head_mod');

    the last rule
    .avia_reset {pointer-events: none !important }
    The last line makes sure that you do not accidentally press “Reset all options”
    and the save button is best on left hand because on smaller screens its out of screen and you have to scroll to right side to press save

    in reply to: Pagespeed 100, realy? #947533

    but this was not the statement. Goto gtmetrix and see results there.
    on pagespeed insight of google a 84 on mobile is nearly perfect.
    Only some handmade pages got better results: webers-oldschool
    https://gtmetrix.com/reports/test.kriesi.at/DWMWqcLL

    in reply to: Change body background to #000000 on one page only #947475

    and which page do you like to influence?

    sorry i see it is a direct link to the page – sorry:

    try please: ( copy paste this – there are no spaces between)

    html.html_boxed.html_entry_id_440 {
        background: #000 !important;
    }
    • This reply was modified 7 years, 7 months ago by Guenni007.
    in reply to: 'previous' and 'next' tabs missing in portfolio entries #947447

    are you using a slider on top?
    it is to prevent prev and back buttons colide with the prev and next buttons of category navigation:

    if so:

    This to functions.php of your child-theme :

    add_filter('avia_post_nav_settings','avia_remove_fullwidth_slider_check', 10, 1);
    function avia_remove_fullwidth_slider_check($settings)
    {
    $settings['is_fullwidth'] = false;
    return $settings;
    }
    in reply to: Reduce sticky header size #947445

    Ach noch eines im Nachgang :

    this line:
    if(shrinking && !isMobile)
    if you change it to :
    if(shrinking)
    the shrinking works on ipad f.e. too-
    don’t know why it is set on that

    in reply to: Überlappung #947420
    .page-id-17 #after_layer_slider_1 {
        z-index: 40;
    }

    Teilweise haben die einen z-index von 30

    kannst den Link entfernen – danke
    ich hatte mal das Problem andersherum, da musste ich vom Layerslider sachen überlappen lassen:
    https://webers-testseite.de

    • This reply was modified 7 years, 7 months ago by Guenni007.
    in reply to: Überlappung #947411

    Du siehst ja, dass ich hier auch nur Teilnehmer bin.
    Aber mein Avatar und mein Nick geben ja die Kontaktdaten frei.
    Also – gerne

    in reply to: Change body background to #000000 on one page only #947404

    have you a link to the page to which it concerns?

    do you have any caching plugin or minfier running ? Empty Browser Cache etc.

    in reply to: Überlappung #947401

    hast du mal einen Link

    If one can not be friendly by conviction, then at least one should be polite because of his education – but perhaps some of them are unfriendly because of this fact or their education. ;)

    in reply to: Überlappung #947387

    wo befinden sich die 3 Bilder?
    Du hast wahrscheinlich eine color-section und dann ?
    Weiss nicht was du hier mit dem Separator machen möchtest. Ich würde die Bilder zB in jeweils eine 1/3 column setzen, und die erste Column dann bearbeiten – da gibt es die Option dass man ein negatives Margin einstellen kann ( Custom Top and Bottom Margin)

    hier zB ist in der ersten color-section ein 1/1 Container mit in dem fall -10% top margin.
    https://webers-testseite.de/multiple-background-images/

Viewing 30 posts - 8,401 through 8,430 (of 11,804 total)