Forum Replies Created

Viewing 30 posts - 8,761 through 8,790 (of 11,695 total)
  • Author
    Posts
  • in reply to: How to change the colour of just 1 text input area #918365

    don’t see your homepage

    in reply to: Contact 7 form issues #918354

    i’m participant as you so is it the link above to your page?

    By the way : Safari is a stange Browser – you will have to clean cache. If you do not see the developer menu – go to Safari Settings and on Advanced there is a field to mark to show developer tools.

    if you done that the clean cache could be done by: ⌥ ⌘ E

    do you see here any other background colors:
    https://webers-testseite.de/kontakt

    by the way to influence the selected colors in subject or message field on safari

    ::selection {background-color: #eee; color: #000}

    if it is your site on first topic : see here the simulation on Safari
    click to enlarge:

    in reply to: form input field CSS targeting #918351

    Well Basilis the web is full of those specificity calculators and explanations about that:
    https://css-tricks.com/specifics-on-css-specificity/

    see here a calculator: https://specificity.keegan.st/

    Interesting thing: the :not pseudo class does not count on that.

    in reply to: How to change the colour of just 1 text input area #918342

    you can count the position of your input field and use the :nth-of-type
    something like:

    #top .main_color input:nth-of-type(1) {
    border-color: gray;
    background-color: #ffcd26;
    color: blue;
    }

    you can see how it will be used here: https://css-tricks.com/almanac/selectors/n/nth-of-type/

    The :nth-of-type selector is very similar to :nth-child but with one critical difference: it is more specific. In our example above they would produce the same result because we are iterating over only li elements, but if we were iterating over a more complex group of siblings, :nth-child would try to match all siblings, not only siblings of the same element type. This reveals the power of :nth-of-type—it targets a particular type of element in an arrangement with relation to similar siblings, not all siblings.

    in reply to: Contact 7 form issues #918296

    try this in quick css:

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    }

    and if you like to influence the font color which is filled in automatically influence both:

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
        -webkit-text-fill-color: #8c8c8c !important;
    }

    by the way:

    it is a socalled user-agent-style-sheet and has nothing to do with any theme / wordpress

    in reply to: Contact 7 form issues #918288

    It seems every time I have any issue with Enfold it never gets fixed?

    Well Darren that is not realy the truth: https://kriesi.at/support/topic/contact-7-form-issues/#post-910349
    but i can not confirm to your statement – on all of my Enfold Installations where i do not use the embeded contact form alb element i use CF7.
    And on all those installations it fits well to Enfold. Mostly I use it to have the Google Captcha like you.
    can you post the link to the contact form which causes the troubles?

    Edit: Aha – only Safari shows the autofill option on your contact form. – And these fields after accepting the auto-filled content are with yellow background. And that bothers you ?

    in reply to: What does “-flextable" mean? #918281

    this -flextable is indeed a bit confusing.
    it is line 800 on Enfold 4.2.4. of columns.php where it is generated

    $output .= "<div class='flex_column_table ".avia_sc_columns::$first_atts['min_height']."-flextable ".avia_sc_columns::$first_atts['mobile_breaking']."-flextable' {$margin_style}>";

    but i do not see any benefit to have here an additional class: -flextable
    but it seems to have something to do with mobile usage

    in reply to: modify functions.php via child theme #918274

    wenn das immer in der Color-section mit der ID : portfolio ist:

    #portfolio h1.av-special-heading-tag {
        background-color: rgba(255, 255, 255, 0.5);
        display: inline-block;
        padding: 10px;
    }
    
    #portfolio .av-subheading {
        display: inline-block;
        padding: 5px;
        background-color: rgba(255, 99, 0, 0.7);
    }
    
    #portfolio .av_icon_caption {
        background-color: rgba(255, 99, 0, 0.7);
        display: inline-block;
        padding: 5px;
    }

    but ! you have to adjust the colors you like to have –
    i have choosen the semitransparent rgba values – and selective only for that page.

    .page-id-11189 h1.av-special-heading-tag {
        background-color: rgba(255, 255, 255, 0.5);
        display: inline-block;
        padding: 10px;
    }
    
    .page-id-11189 .av-subheading {
        display: inline-block;
        padding: 5px;
        background-color: rgba(255, 99, 0, 0.7);
    }
    
    .page-id-11189 .av_icon_caption {
        background-color: rgba(255, 99, 0, 0.7);
        display: inline-block;
        padding: 5px;
    }

    have you enabled the debug mode on enfold?

    If so on new enfold there is on editor mode now an enfold shortcode parser. If you don’t see it you can activate it on top in the screen-options dialog.
    There you can set “check enabled on update” – update that page and report if there are some warnings on “Show parser info”

    in reply to: H1 fonts apear to bold #917783

    you can see here that open-sans should have font-style 300, 400, 600, 700, 800 : Link
    so try it with font-weight: 300 ( and not light or lighter)

    in reply to: H1 fonts apear to bold #917774

    And your font you are desired to have not to be bold is open-sans or a different font?
    because you can see it in register-backend-google-fonts.php (enfold/includes/admin) that not all integrated font got the 300 option.
    Go and have a look on google fonts if the wanted font has a 300 font-style

    link to the google fonts included in enfold: Google Fonts in Enfold

    by the way – try it with work-sans ( it has a 100 font-style) if it will work with that font. – if not we had to search a different way why it is not working .

    in reply to: How can I re-create this styling with Enfold? #917707

    Seems that he has taken the last advice – but as i said the crossbrowser compatibility is not there:
    https://caniuse.com/#search=font-size-adjust

    the other quick css code will work too and …

    in reply to: How can I re-create this styling with Enfold? #917539

    or if you recognize a font-smallness on that spezific font-icon you can try font-size-adjust on all features-mc icons

    #top .avia-font-features-mc, body .avia-font-features-mc, html body [data-av_iconfont="features-mc"]::before {
        font-size-adjust: 1.1;
    }

    Edit: forget about that – cross-browser compatiblity is not given !

    • This reply was modified 7 years, 7 months ago by Guenni007.
    in reply to: How can I re-create this styling with Enfold? #917520

    But on your site i can not see that – on the image hoster – yes :lol
    but as i said – on your page i does not see that effect.

    1) By the way – you forgot to set one custom class to the second row left (or is it intentionally)
    2) By the way – you know that interesting page for SIMULATED DAYLIGHT PDT WITH INDOORLUX

    Icon is font-size ( it is hard to simulate it because there are minifying tools on your page)
    try please:

    #top .iconbox_left_content .iconbox_icon.hexagones, 
    #top .iconbox_right_content .iconbox_icon.hexagones {
        font-size: 42px;
        line-height: 70px;
    }
    • This reply was modified 7 years, 7 months ago by Guenni007.
    in reply to: Add solid circle behind icons #917320

    i would have done it with icons sandalone with caption :

    if so i would give to this icon element a custom class – something meaningfull like: spezial-full-icon

    than put in your quick css :

    .av_font_icon.spezial-full-icon { border: none !important }
    .av_font_icon.spezial-full-icon .av-icon-char {  background-color: #f05a1a ;  border-width: 0px }
    .spezial-full-icon .av_icon_caption {  color: #000; !important }
    .spezial-full-icon [data-av_icon]::before { color: #fff }

    see here: https://webers-testseite.de/fullicons/

    • This reply was modified 7 years, 7 months ago by Guenni007.
    in reply to: Footer Socket Problems #917051

    Yes you have no content in the footer . – so Rikards Solution is best

    on the most cases the signs are transfered via visual mode to something else for example as you can see here in this line
    i typed the & and it will be transformed to &amp with ; see what input field made of it or exclamation marks see difference “abc” and "abc" same with simple exclamation marks etc.

    in reply to: Enfold 4.2.4 self-hosted video bug back…. #916625

    i sometimes have to do it with bwp minify as well. My additional google maps plugin f.e. has to be excluded to run.

    in reply to: How can I re-create this styling with Enfold? #916595

    well to get hexagone icons in enfold is not difficult to reach.

    here you can get some of the clip-path : https://bennettfeely.com/clippy/

    what is to do.

    1) give the icon-box or icon-list a meaningful custom class (here it is hexagones)

    2) this comes to quick css (yes without the ending e):

    .hexagon {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    }

    3) this comes to functions.php of your child-theme:

    function add_class_to_icon() {
    ?>
    <script type="text/javascript">
    	  jQuery('.hexagones .iconbox_icon').css( 'border-radius' , '0px' );
              jQuery('.hexagones .iconbox_icon').addClass('hexagon');
    	  jQuery('.hexagones .iconlist_icon').css( 'border-radius' , '0px' );
    	  jQuery('.hexagones .iconlist_icon').addClass('hexagon');
     </script>
    <?php
    }
    add_action('wp_footer', 'add_class_to_icon');

    the clip-path must go to the icon itself. So we had to add the hexagon class to it via addClass

    Results: https://webers-testseite.de/hexagons/
    The demo https://kriesi.at/themes/enfold-medical/ seems to fit well for you

    is there any private content i can’t see ?
    because the link above is no enfold theme. I’m wondering about the flyout mobile menu.

    in reply to: vimeo embed #916565

    i recognized that a lot of videos run on easy slider – another advantage is that you have there a choice to setup autoplay, mute and other things.
    You can have a link on the whole slide – so f.e . you link to the gallery concerning to the wedding.

    in reply to: Enfold 4.2.4 self-hosted video bug back…. #916316

    as i said above i inserted that little css to have the controls down the video !!!

    i guess you have inserted it to visual mode window of edit field

    go and insert it to text mode

    in reply to: video #916308

    on another thread i see that
    modestbranding and showinfo does not work together
    so if to see no title the modestbranding can not be disabled !

    in reply to: Enfold 4.2.4 self-hosted video bug back…. #916297

    with transparency header it works : ✓
    wait if no header will work: ✓

    see test page with hide header on this site

    edit :
    Template : no header nor footer ✓. it works. ??

    in reply to: Embedding YouTube Video #916288

    not for that.

    by the way – you could setup start and endtime of the video by:
    &start=x ( in sec.)
    &end=y ( in sec.)

    https://www.youtube.com/watch?v=3FDZYJo9Yfw?autoplay=1&ecver=2&showinfo=0&loop=1&start=11&end=327&rel=0

    see test-page of mine

    but i guess that end time will only work if no loop is set

    • This reply was modified 7 years, 7 months ago by Guenni007.
    in reply to: Embedding YouTube Video #916269

    by the way you have to empty your cache.
    first i was seeing on my page a title as well – but see now:
    https://webers-testseite.de/cynthia/video2/

    so this seems to be the correct sequence for it –
    ?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0

    autoplay – is self explanatory
    showinfo – is the title
    loop – is self explanatory
    ecver – enable/disable video suggestions on pause
    rel – show at the end or not

    in reply to: Embedding YouTube Video #916266

    ha i got it.

    showinfo=0 and no branding ( youtube logo ) does not work together:

    so take this link instead:

    https://www.youtube.com/watch?v=3FDZYJo9Yfw?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0

Viewing 30 posts - 8,761 through 8,790 (of 11,695 total)