Viewing 30 results - 1,261 through 1,290 (of 18,717 total)
  • Author
    Search Results
  • #1409925

    Hi,
    Thank you for your patience, I found some errors in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field and I corrected them and added this css:

    #top .wpcf7-form input[type='text'],
    #top .wpcf7-form input[type='email'],
    #top .wpcf7-form input[type='tel'],
    #top .wpcf7-form .wpcf7-textarea {
    border: 2px solid #222;
    background: transparent;
    color: #222;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1em;
    padding: 13px!important;
    border-radius: 2px;
    }
    
    #top .wpcf7-form .wpcf7-submit {
    padding: 16px 20px;
    border-radius: 2px;
    border: 2px solid #222;
    background: transparent;
    color: #222;
    font-size: 0.92em;
    min-width: 142px;
    }

    please clear your browser cache and check.

    Best regards,
    Mike

    #1409832

    Hey Tanja,

    Thank you for the inquiry.

    You can configure the style of the caption such as the font size and overlay in the Styling > Image Caption toggle. You can also add css to adjust the style of the caption even further. To make the caption italic for example, please add this css code.

    .av-image-caption-overlay {
        font-style: italic;
    }

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

    Best regards,
    Ismael

    #1409791

    try to play a little and start with: height and font-size

    #top .av-icon-circles-container .avia-icon-circles-icon {
      text-align: center;
      font-size: 50px;
      line-height: 0 !important;
      height: 80px;
      width: 80px;
      margin: -33px;
    }
    
    #top .avia-icon-circles-icon::before {
      position: relative;
      top: 49%;
    }
    
    .main_color #top .av-icon-circles-container .avia-icon-circles-icon.active {
      border: 3px solid #608a12;
      transform-origin: center center;
    }

    it might be necessary to move the icon inside the circle ( via pseudo-container : before ) . Since I can’t see your private message, I can’t give you any better advice.

    Yes technically it works but I need to go thru dozens of pages and change it manually, if there was an easy way to edit the default from H2 to H1 that could have been amazing.

    Also if there was an option to edit the default caption title font size and caption content font size on mobile view that could save me a bunch of work.

    • This reply was modified 2 years, 8 months ago by 0_o.
    #1409699

    Hey woogie07,

    Thank you for the inquiry.

    To adjust the size of the testimonial image and text, as well as move the arrows lower and align them to the center, you can add the following CSS code:

    #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
        width: 180px;
        height: 180px;
    }
    
    #top .av-large-testimonial-slider .avia-testimonial-meta-mini {
        line-height: 2.8em;
        padding-top: 30px;
    }
    
    #top .av-large-testimonial-slider .avia-slideshow-arrows a {
        top: 70px;
        margin-top: -1px;
        opacity: 0.1;
        font-size: 45px;
    }

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Best regards,
    Ismael

    #1409461

    Again, thx Mike,

    sorry, did two things the same time…
    pls check the page, there’s now the second icon list (minimal style) for small screens on smartphones.
    I’d like to know if/how css can change “avia-icon-list” from av-iconlist-big (with Icon Fontsize 24px) to av-iconlist-small (with Icon Fontsize 14px) on small screens so that I only need one icon list element instead of two. (I’d appreciate to learn how css can help me switching list style to minimal for small screens.) That might help me to spare the second icon list and avoid redundancy with all the fuss that comes with it.

    By the way: is there a list or library of all the element names (classes?) and properties available?

    • This reply was modified 2 years, 8 months ago by Nomad.
    #1409433

    Hi,
    When I check the numbers I see that you are using css to make the font size 14px below 850px and above that they are 24px:

    @media only screen and (max-width: 850px) {
    #top .VuK-IconList-numbers li .iconlist-char:before {
        font-family: 'PT Sans',Helvetica,serif;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        bottom: 2px;
    }
    }

    Perhaps you just added this after you asked the question, but it seems to be working for me.
    As for your first question, I don’t see a second icon list element, I see a hotspot element, but I thought it was only a test, perhaps if you explain further with some context and a admin login it would make more sense, but right now I think the one iconlist #Ablaufschritte element looks fine on both desktop and mobile and I would remove the hotspot element.

    Best regards,
    Mike

    #1409368

    Wow, Mike: Thank you!

    every time there’s to learn – I appreciate that.

    If you’re open for a following question:
    for this responsive thing I copied the icon list element and set the second one’s [list styling] to “minimal”.
    I have two issues with that:
    1. redundancy – every change in terms of content has to be made on two elements…
    2. font size – the smaller icons should get a smaller font size than the 24px that is set via the following code:

    
    .VuK-IconList-numbers li .iconlist-char:before {
        font-family: 'PT Sans', Helvetica, serif;
        font-size: 24px;
        font-weight: bold;
    }
    

    Could you pls give me a hint what to do having css delivering responsive font sizes 24px for not smartphones, smaller for smartphones…
    (that would solve issue #1 as well)?

    Again thank you!

    • This reply was modified 2 years, 8 months ago by Nomad.
    • This reply was modified 2 years, 8 months ago by Nomad.
    #1409359

    Hi Team,

    My host provider can’t organise a staging environment, so where do I go from here? When I go and update my theme, the font and size changes on some of my main heading pages, which is a bit annoying because I need to keep restoring the backup.

    I have used the theme for many years and can’t update it to newer versions.

    THe site is still not functioning properly and thats what I got from WP-Rocket. Can you please help me fix this issue?

    Thank you

    Hi David,

    I’ve been running some tests, trying different combinations of WP Rocket’s settings and finally found that the issue is already there even if deactivating WP Rocket completely.

    See this screencast for reference: https://share.getcloudapp.com/wbuLAdBq

    As you can see, even with WP Rocket disabled, the font displayed is Helvetica and not Montserrat, as it should be:

    12bea9ead21679ce877226dd09ff86c0.png
    Full-size image: https://share.getcloudapp.com/xQuElmkd

    I am not a developer, but it seems this inline script might be related to the issue, since it is asking for a cookie and this is affecting the Montserrat font-family:

    28b1c43dd9217bfbe8289a79f2a58a88.png
    Full-size image: https://share.getcloudapp.com/d5uD8kKj

    Hope this helps you troubleshoot what is causing the font display issue.

    Let me know if you have more questions about WP Rocket, I’ll be glad to help. :)

    #1409320

    Hi,
    To change the font size of the red text in your screenshot Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #header #menu-item-search .ajax_search_response a.av_ajax_search_entry {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 1.2em;
    }

    After applying the css, please clear your browser cache and check.
    This is the expected result:
    Enfold_Support_2211.jpeg

    Best regards,
    Mike

    #1409300

    Hi Nikko
    Thanky you very much for your solution. I have increased the font size to 20 and it works fine.
    Best Regards,
    Reto

    #1409228
    beverlystone
    Participant

    In the extra elelments area of the top bar, I’ve added a map icon and some text. I would like the icon to be in the middle (vertically) of the top bar, rather than at the bottom. I’m currently using this code in the theme options (header) but with an actual link (removed for privacy purposes):

    [av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' size='17px' position='left' vertical-align=‘top’ color='#eeee22' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon]<span style=”color:yellow; font-size: 125%;”>LINK TEXT HERE</span>

    #1409207

    Hi Reto,

    No, that code was already in WPCode which I mentioned in the other thread.
    This is the code I moved:

    function temporary_removal_title_tags(){
    ?>
    <script>
      window.onload = function() {
          var links = document.querySelectorAll('a, img, *[title]');
          for (var i = 0; i < links.length; i++) {
              var link = links[i];
              link.onmouseover = function() {
                  this.setAttribute("data-tooltip", this.title);
                  this.title = "";
              };
              link.onmouseout = function() {
                  this.title = this.getAttribute("data-tooltip");
              };
              link.onmousedown = function() {
                  this.title = this.getAttribute("data-tooltip");
              };
          }
      };
    </script>
    <?php
    }
    add_action('wp_footer', 'temporary_removal_title_tags');

    As for the mobile menu items, the font size depends on what is set as the default font size of the site, if that option is untouched then default is 13px which is what is showing on your site, you can change it by adding this CSS code in Enfold > General Styling > Quick CSS:

    #top #av-burger-menu-ul a .avia-menu-text {
        font-size: 18px;
    }

    Just adjust the value as you see fit.

    Best regards,
    Nikko

    #1409134

    Hi Nikko

    Thank you very much for your changes! They work as we have hoped for.
    You mentioned that you moved the code to WP Code. You refer to the “Change Logo Link” snippet, correct?

    On the mobile burger menu the menu items are displayed very small. Do you know how their font size can be changed?

    Best regards
    Reto

    #1409104

    In reply to: Table

    Hi Lene,

    You’re welcome :)
    As for the font size, it just adapts to default size set in Enfold > General Styling > Typography or in Advanced Styling.
    If it’s not set however it’s default is 13px which is what you have now.
    Since, it affect everything when changing the value, I think the easiest way it add this in CSS code in Quick CSS:

    .avia-table tr th,
    .avia-table tr td {
        font-size: 16px
    }

    Best regards,
    Nikko

    #1409050

    Your topic of that is the way i understand – different logo during scrolling – stop scrolling default logo:

    the method used for your aim depends on the logos you like to use.
    E.g. – Logo a and logo b are only colored differently (change of font color – change of branding color etc.). I would try to realize it by an svg logo just switching the fill colors by scroll event.
    Etc.

    F.e. two logo variants are by same dimensions. Insert your logo as usual – and set on quick css the other logo as background-image.
    on my example page these are svg files – but png or jpg is also a possibility.

    .av-contains-svg.invisible  {
      background-image: url(/wp-content/uploads/icon807.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
    }
    
    .av-contains-svg.invisible svg {
      opacity: 0;
      transition: opacity 1s ease-in-out
    }

    the jQuery function now on child-theme functions.php:

    function invisible_on_scrolling() { 
    ?>
    <script type="text/javascript">
    (function($){
      let timeout;
      let $targetOnScroll = $('.av-contains-svg');
    
      $(document).on("scroll", () => {
        $targetOnScroll.addClass("invisible");
        clearTimeout(timeout);
        timeout = setTimeout(() => $targetOnScroll.removeClass('invisible'), 200);
      });
    })(jQuery);
    </script>
    <?php 
    }
    add_action('wp_footer', 'invisible_on_scrolling');

    see: https://webers-web.info/datenschutz/

    Or: do you like to have different logo during shrink – after shrink finished – default logo
    can you link to my post that you are referring to?

    #1409015

    In reply to: Table

    This reply has been marked as private.
    #1408955

    Topic: Enfold Theme Options

    in forum Enfold
    MatsAFejne
    Participant

    Hello
    My settings in Advace settings Enfold Them Options do not work when I edit a page
    I cleared the cache but nothing happens when editing
    Have chosen Arial as a font but still put it with Gorgia and sizes etc. do not match
    I Hope that you can help me
    Mats

    #1408774

    Hello,
    yes, for example, the following CSS is placed in styles.css at the moment. It doesn’t work. When I copy it to the quick CSS-field of the theme, it works immediatley:

    h2.avia-caption-title {
    align: center !important;
    font-family: “fwbx-font-1” !important;
    font-size: 60px !important;
    }

    Best
    FW

    #1408726
    BeeCee
    Participant

    Hi,

    in a page, created with ALB, I have added a textblock with this content:

    <h1>This is a h1 Headline</h1>
    <h3 class="stripes"><span>This is a subline with stripes at the end</span></h3>

    After saving the textblock and saving the page, it looks correctly like this:

    zzz

    But when I reopen this textblock, then the <span> </span> has been stripped out – and therefor the output in frontend is wrong:

    yyy

    Used CSS:

    .entry-content-wrapper h1 {
      border-left: 6px solid #d3b9b1;
      color: #b5b5b5;
      font-size: 50px;
      font-weight: 400;
      padding-left: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    }
    h3.stripes {
      background: url("../images/eigene/stripes.gif") repeat-x scroll center 10px !important;
      padding: 1px 0 0 0px;
      width: 100%;
      text-align: left;
      margin-left: -10px;
    }
    h3.stripes span {
      background-color: #FFFFFF;
      color: #b5b5b5;
      font-size: 15px !important;
      letter-spacing: 2px !important;
      padding: 2px 10px;
      text-transform: uppercase;
      font-weight: normal;
      vertical-align: top;
    }

    Why is the <span> tag always stripped out when I save the textblock after editing it?

    I use the newest ENFOLD, WP 6.2.2, classic editor and I have this on my sandbox site as well as my local site.

    The fact, that span tags have been stripped out, is an old issue, that others had, too:
    here –>
    and here –>

    #1408615

    Hey Anna_Tewes,

    Thank you for the inquiry.

    Adding this css code should adjust the size of the post titles in the AJAX search container.

    .av_ajax_search_title {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 1.2em;
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    Thank you for your answer,

    I believe those ones are not the one implemented in my footer, since I have put the following in the footer:
    [av_font_icon icon='ue8f4' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://www.facebook.com/'username'/' linktarget='_blank' animation='' id='' custom_class='' av_uid='av-dce4o' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue909' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://www.instagram.com/'username'/' linktarget='_blank' animation='' id='' custom_class='' av_uid='av-8vgx4' admin_preview_bg=''][/av_font_icon]

    Well of course I am not an expert at any of this but I have a feeling it is connected to something else about which I am sending a screenshot.

    https://yourimageshare.com/ib/V0CGL0nt3d

    Of course I am not sure the only thing I am guessing that is they are below the scroll-down-link

    #1408390
    This reply has been marked as private.

    Hi Martin,

    I tried to install and activate Duplicate Page by mndpsingh287 https://wordpress.org/plugins/duplicate-page/ and it seems to work properly.
    I tried to create an accordion with custom background color, font color, font sizes, also added 1/3 column with custom padding and background image as you have mentioned.
    If that does not help, can you create a staging site? so we can try to inspect further.

    Best regards,
    Nikko

    #1408295

    In reply to: Sticky flyout button

    Hi M-Graphics24,

    Thanks for giving us admin access.
    It seems you don’t have a child theme, so I removed the code from functions.php (since it will be overwritten when the theme is updated).
    I have installed a plugin called WPCode where I inserted the code instead, I also replaced the code with:

    function custom_script() { ?>
      <script>
    window.addEventListener('DOMContentLoaded', function() {
      (function($){
      var button = $('<div id="sticky-button-wrap"><a href="#" class="sticky-button">Get a<strong> Quote</strong></a></div>');
      $(button).prependTo('#main');
      })(jQuery);
    });
    </script>
      <?php
    }
    add_action('wp_footer', 'custom_script');

    If you want to change anything or add a link to the button, you can go to the link in private content (you can also deactivate the code, if ever you decide to remove it).
    Then in Quick CSS, I have removed the code since it’s inside a media query for mobile, and added this CSS code on top:

    #sticky-button-wrap {
        position: fixed;
        right: 0;
        top: 40%;
        z-index: 503;
    }
    
    #sticky-button-wrap .sticky-button {
        background: rgba(45,186,127,.95);
        display: block;
        width: 90px;
        height: auto;
        padding: 12px 6px;
        text-align: center;
        text-transform: uppercase;
        line-height: 1 !important;
        color: white;
        font-size: 15px;
        line-height: 1.4;
        border-radius: 4px 0 0 4px;
        letter-spacing: .05rem;
        transition: all .3s ease-in-out;
    }
    
    #sticky-button-wrap .sticky-button:hover {
        background: #2DBA7F;
    }
    
    #sticky-button-wrap .sticky-button strong {
        display: block;
        font-weight: 700 !important;
    }

    Please review your site.

    Best regards,
    Nikko

    #1408256

    Hi Manfred,

    You can change the caption size by adding this CSS code in Enfold Theme Options > General Styling > Quick CSS:

    #top .avia-image-container .avia-copyright {
        font-size: 15px;
    }

    Best regards,
    Nikko

    #1408247
    isarkai
    Participant

    Dear Kriesi-Team,
    I don’t like the image caption overlay, i prefer the caption below the image. That works pretty well misusing the copyright info. But may be that causes some SEO struggle or other problems. Therefore my question:
    1. if there are no problems, how can i change the caption (copyright) fontsize to 15 or 16 px?
    2. if you don’t recommend this workaround, is there a easy way to solve the problem or is it more practicable to add a additional text field?

    best regards
    Manfred

    #1408171

    Hi,
    Thanks for the feedback, I was not able to login, but your font-color: #65877f; is not correct you should use color: #65877f; and your min-hight: 180px; is misspelled try: min-height: 180px;
    If you want the text in the button centered try using this css instead of yours:

    #top #wrap_all .main_color .avia-color-theme-color.avia-slideshow-button {
        background: rgba(255,210,62,.75);
        color: #65877f;
        padding: 20px;
        min-width: 300px;
        min-height: 180px;
        border-radius: 15px;
        font-size: 20px;
        line-height: 20px;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1408112
    tyronere
    Participant

    Hello

    On my one site, I have font and size dropdowns in the text block editor but not on another site. How do I activate it so I can select the fonts easily?

    Thanks

Viewing 30 results - 1,261 through 1,290 (of 18,717 total)