Forum Replies Created

Viewing 30 posts - 7,741 through 7,770 (of 11,691 total)
  • Author
    Posts
  • in reply to: Menue mit individuellen Menuebildern #1003167

    First – you don’t need the custom link – if these Menupoints are real links.
    just open the menu-item at that littel arrow on the right. And on Navigation Label you can insert Ricards Code.

    If you got a link to your page – it is much easier to give any advice.

    i gave to those menu-items a custom-class : bildlink
    (if you have all menu links like this – get rid of that bildlink in the code)
    (if not : you know how to give a custom class to menu-items?)

    then to quick css:

    .bildlink .avia-menu-text {
        line-height: 20px;
        vertical-align: top;
    }
    
    .bildlink.menu-item img {
        display: block;
        width: auto !important;
        height: 50%;
        position: relative;
    }

    we had to find then a solution for the hamburger menu too – but with link it will be easier

    in reply to: Making Parallax Scroll in Home Slider #1003134

    can you post a link on public – then i will have a look!

    in reply to: Increase font size for Portfolio Sorting #1003024

    can you please post the link on public. the link above does not work.
    is it that page her: http://marckdesign.net/portfolio/

    
    #js_sort_items * {
        font-size: 20px !important;
    }

    the asterisk means that every following element got that css

    yes – your are absolutely right – but it has to work – and on parent update these files are not lost.

    in reply to: Menu with center logo and Shrinking Header #1002800

    you did not answer to my questions:
    are you working with a child-theme: No – i think
    1) so the changings you made are overwritten by the parent theme ( thats why a child is so usefull)
    so please upload my avia-snippet-sticky-header.js again to your parent-theme – replacing the original.

    2) the customclass on the menu-item with the logoimage is gone.

    in reply to: Increase font size for Portfolio Sorting #1002665
    .av-masonry-sort * {
        font-size: 20px;
    }

    portfolio – no cat.

    if you only want the “terms” bigger:

    .av-sort-by-term * {
        font-size: 20px;
    }

    PS: your link above is gone – so i can not test it at your environment !

    in reply to: How to make phone number tel link in team member block #1002656

    you can do it as “Add/Edit Social Service or Icon Links” and choose f.e. a telephone icon – and as “icon-link” – put in: tel:+492289768293

    or you do it in the “Team Member Description” and the input will be something like:
    Phone: <a href="tel:+492289768293">0228 9768293</a>

    see here: https://webers-testseite.de/same-height/

    in reply to: Lightbox videos with short code #1002638

    the f.e. av_uid=’av-zi631r’. comes from Enfold itself – it will be added although you have not set it.

    in reply to: Lightbox videos with short code #1002634

    and take the image: with: maxresdefault.jpg. (that is without black bars !

    [av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-top' av_uid='av-zi631r']
    [av_image src='https://img.youtube.com/vi/W9On5fAdu8I/maxresdefault.jpg' align='center' link='manually,https://www.youtube.com/watch?v=W9On5fAdu8I'][/av_image]
    [/av_one_third]

    but the addendums are for me important – because i do not want to have on pausing the video:
    see link
    – right image (last 1/3) and pause it.
    go to the end of the video and see.

    • This reply was modified 7 years, 1 month ago by Guenni007.
    in reply to: Lightbox videos with short code #1002628

    and something new i have learned:
    if you take the image: https://img.youtube.com/vi/W9On5fAdu8I/maxresdefault.jpg
    there will be no black bars !

    in reply to: Lightbox videos with short code #1002626

    well if you got that image ( and you can not insert the image directly to enfold as link) take always the 0 one of preview images – it is the biggest one – and always the https variant.

    https://img.youtube.com/vi/W9On5fAdu8I/0.jpg

    so to see above the shortcodes – i suppose that you know how to insert the link to this preview image.
    First enter one of your media images – then replace the link in debug mode.
    as manual link of the image i would insert a better input here ( this only works here because with manual link. a pitty that we can not insert it in video alb or color-section background-video)
    always add to your watch youtube video link following:

    ?autoplay=1&cc_load_policy=1&enablejsapi=1&ecver=2&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3

    the ecver=2 is for not showing on pausing the video – other video suggestions
    playsinline is for showing on modern mobiles the video as if it was a desktop embed. Iframes etc
    rel=0 ist for not showing at the end some other video suggestions etc. pp

    my code would be than (only 1/3):

    [av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-nas6lr' custom_class='']
    [av_image src='https://img.youtube.com/vi/W9On5fAdu8I/0.jpg' attachment='' attachment_size='full' align='center' styling='' hover='' link='manually,https://www.youtube.com/watch?v=W9On5fAdu8I?autoplay=1&cc_load_policy=1&enablejsapi=1&ecver=2&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jldgiixt' custom_class='' admin_preview_bg=''][/av_image]
    [/av_one_third]

    look here: https://webers-testseite.de/testvideopage/

    in reply to: Menu with center logo and Shrinking Header #1002619

    Sorry i did not see that you are still working with Enfold 4.2.6. the avia-snippet-sticky-header.js. is part of Enfold 4.4 and higher.
    Since the alb elements and a lot of js files are separated files. ( Due to optimization and only loading things you realy need for your setting)

    Former times the shrink was done in avia.js . and so the old function: avia_header_size(). is still active .

    so maybe an update could help.

    in reply to: Menu with center logo and Shrinking Header #1002617

    did you read carefully and give to that menupoint with the image a custom class: logoimg ?
    not a title !
    you know how to give a custom class to the menu point? If not tell me to show you how.

    Edit – sorry i see you got it too – i see on your source code.

    ________

    but i see that you are not working with child theme?

    in reply to: Make active menu item bold, not all sub-menu items #1002614

    yes – if you like to have the parent bold too – than this will be easier.
    the code only highlites the active menu point ( not the parent of an active menu item)

    in reply to: Make active menu item bold, not all sub-menu items #1002610

    i meant: if you got a top level menu point which does not have submenu !

    the color: red is for me just to see it better on menu:

    #av-burger-menu-ul :not(.active-parent-item) .current-menu-item > a .avia-menu-text {
        font-weight: 700 ;
        color: red ;
    }
    
    #av-burger-menu-ul li.current-menu-item:not(.av-width-submenu) > a .avia-menu-text {
        font-weight: 700;
        color: red ;
    }

    guess it will work without !important

    in reply to: Make active menu item bold, not all sub-menu items #1002607

    it is only the half solution !
    if there is a top level point this does not do the trick – i have to look deeper

    in reply to: Make active menu item bold, not all sub-menu items #1002599

    allthough i do not see your page link : try this please:

    #av-burger-menu-ul :not(.active-parent-item) .current-menu-item > a .avia-menu-text {
        font-weight: 700 !important;
        color: red !important;
    }

    but now i’m looking for the soluiution if there was a top menu point
    to come:

    in reply to: How to get video playing on Smartphone? #1002396

    and you can not do what you want to do with advanced layerslider? – you have to use the color-section ALB Element?

    in reply to: How to get video playing on Smartphone? #1002275

    on modern Iphones with newer OS the playsinline and muted parameters will do the job on embedding via html5.
    <video playsinline autoplay loop muted …

    but i guess you have inserted the video in a different way
    i did it here on a test-page – but with advanced layerslider – and html5 code: https://webers-testseite.de/weber/
    And i hope that even for small screens this is also visible on Iphone7/8/X

    but thinking about the code – why does it not work if there is on enfold/shortcodes the substitutes ?
    the : $template_url = get_stylesheet_directory();
    should work on parent theme as well – or am i wrong.
    I guess the whole fault is that all 4 files have to be in there!

    and of course – read carefully.

    Please upload all 4 files to your child-themes/shortcodes folder because the av-helper-slideshow.php rules the things for all 3 sliders. If one left original it has a wrong markup.

    : because the av-helper-slideshow.php rules the things for all 3 sliders
    : and If one left original it has a wrong markup.

    so you can replace them in parent theme as well – but you will loose those changes on next update of your parent theme.
    And – i think you have to pull the replacement files into the right folders ( you don’t need to do that on child-theme)
    slideshow – slideshow_fullscreen – slideshow_fullsize
    the av-helper-slideshow is on shortcodes folder

    in reply to: blacklist emails from contact form #1001921

    it works – now I just hope that the spammers will not switch to other country addresses.
    and if I don’t get the mega order from China now , then it’s fate.

    in reply to: Add container into another container #1001831

    or you take the grid-row and do all the things you have done.
    Only thing is to have the grid-row not fullwidth – but to have it like 1/1 on normal max-width (on default it is 1310px)

    to have a grid-row not fullsize – just give a custom-class to the grid-row element : grid-notfull
    and do this to functions.php of your child-theme ( if you got different max-width on Enfold – General Layout setting you have to adjust it to):

    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 20px"});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'grid_layout_notfull');
    in reply to: blacklist emails from contact form #1001828

    thanks dude :
    and best would be for me ( i got always a lot of customised alb elements) to load this script instead – if i got a custom contact.php in my child-theme/shortcodes folder and this edited new contact.js.
    I have then edited the contact.php to

    function extra_assets()
    {
    	//load css
    	wp_enqueue_style( 'avia-module-contact' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/contact/contact.css' , array('avia-layout'), false );
    		//load the new js
    	wp_enqueue_script( 'avia-module-contact' , get_stylesheet_directory_uri().'/shortcodes/contact.js' , array('avia-shortcodes'), false, TRUE );
    }

    – it works ! but:

    what is the difference between is_ext_email and is_email
    do i have to do it with this part too?
    if(classes && classes.match(/is_ext_email/))

    in reply to: Customize my account login page #1001662

    – yes pleas follow Rikards link – i guess this is the way to do.
    To have a different heading and a background you can do this to quick css:

    Just test it and look:

    #customer_login {
        background-color: #ddd;
    }
    
    .woocommerce-form-register.register {
        min-height: 265px;
        border: 1px solid #023744;
    }
    
    .u-column1.col-1,
    .u-column2.col-2 {
        padding: 20px;
        text-align: center
    }
    .u-column1.col-1 { background-color: #023744}
    
    .u-column2.col-2 { background-color: #ddd }
    
    .u-column1.col-1 h2,
    .u-column2.col-2 h2 {
        display:none
    }
    
    .u-column1.col-1::before,
    .u-column2.col-2::before {
        word-wrap: break-word;
        font-weight: bold;
        font-size: 34px !important;
        line-height: 46px;
    }
    
    .u-column1.col-1::before {
    	color: #fff;
    	content: "Sign up to receive your \A free CORTIME trial"
    }
    
    .u-column1.col-1::after {
        color: #fff;
        font-weight: normal;
        word-wrap: break-word;
        white-space: pre-wrap;
        content: "By signing up you will automatically receive our newsletter. Don't worry - we hate spam just as much as you. \A\A We will send you no more than 6 newsletters a year and you can always unsubscribe";
        position: relative;
        top: 10px;
    }
    
    .u-column2.col-2::before {
    	color: #333;
    	content: "Already a CORTIME user? \A Log into your account here"
    }
    
    .col2-set .col-1 { width: 47% }
    .col2-set .col-2 { width: 53% }
    
    @media only screen and (max-width: 768px){
    .responsive #top .col2-set .col-1, 
    .responsive #top .col2-set .col-2, 
    .responsive .cart-collaterals .shipping_calculator {
        width: 100%;
    }
    #customer_login { background-color: inherit }
    }

    maybe you get rid of those social media logins:

    .wc-social-login.form-row-wide {
        display: none;
    }
    • This reply was modified 7 years, 1 month ago by Guenni007.

    I think that this picture effect looks very nice at the beginning, but uses up very quickly

    in reply to: Move content to top for each tab when using Tab Section #1001506

    can i see that link too. Sometimes i found a solution.

    i do that myself often to insert into a tab content field some alb shortcodes.

    in reply to: blacklist emails from contact form #1001505

    Thanks!

    in reply to: SVGs not displaying on front end #1001493

    use instead svg support plugin.

    another advantage: you see previews on mediathek. You can define a class that enables the replacement from img svg to svg inline.
    Means if it comes to an image with a given class and a svg – it will insert instead the svg itself.
    This is something i use often for the logo. Because you can do nice things with svg on hovering f.e.

    you can see it here on startpage: https://webers-testseite.de/cynthia/
    shrinking the logo only blending some path in the svg out. Hovering makes only that path red.

    But indeed here it is also necessary to define (if it is not in the svg itself) a width for it – guess you can have a monster witdth – because it is than handled to 100% width through the Enfold settings:

    img[src$=".svg"] {
        width: 3000px !important;
    }

    PS : test that code first with your plugin aswell

    i think this is not only an avada theme thing. I remeber that i have used a plugin for that feature.
    But i have to make a research for the name. it is a few years ago.

    Edit : yes – it is Twenty20 : Link

    Link to a : Demo of Twenty20

    • This reply was modified 7 years, 1 month ago by Guenni007.
Viewing 30 posts - 7,741 through 7,770 (of 11,691 total)