Viewing 30 results - 6,601 through 6,630 (of 18,742 total)
  • Author
    Search Results
  • #987781

    In reply to: transparent menu

    Hi,
    To replace the h2 tag in your slider with h1, try adding this code to the end of your functions.php file in Appearance > Editor:

    function slider_h2_to_h1(){
      ?>
      <script>
      jQuery(window).load(function(){
      var el = document.querySelector('.avia-caption-title');
            el.outerHTML = '<h1 class="avia-caption-title ">' + el.innerHTML + '</h1>';
      });
      
      </script>
      <?php
      }
      add_action('wp_footer', 'slider_h2_to_h1');

    then add this code in the General Styling > Quick CSS field to style your new h1:

    .avia-caption-title {
    color: #fff !important;
    font-size: 50px !important;
    }

    please adjust to suit.

    Best regards,
    Mike

    #987728
    LFK
    Participant

    Hi Guys,

    I noticed yesterday that I can not change the font sizes in the child options. Likewise the attitudes for the h1 etc. headings. In other words, I can change the values, but they will not appear on the website. I’ve been searching for the error for hours – without success. I disabled my plugins – without success. I am getting desperate.

    Update: Another issue:
    If I change settings under design / customizer they will be saved but not displayed on the live website.
    I’ve cleared the cache, deactivated WP Fastest Cache – no success.

    Update 2: I saved the child options via export as a textfile. I change the theme to the parent enfold and activate it, then i delete the child theme. The enfold parent theme works as expected. After testing i install the child theme and import the settings. But no success, the same as before. I am at a loss. I’ve created a Userprofile for Support if someone will help me.
    I have no idea what’s going on with my website

    Thanks a lot for helping me.
    Best regards, Markus

    • This topic was modified 7 years, 9 months ago by LFK.
    Matt
    Participant

    Looking to increase the font size of the “preformatted” description text in woocommerce archive pages. HTML font commands do not seem to work with this font form.

    Link to sample page in private content.

    #987664

    I appreciate that Victoria, I really do. But I feel Enfold has lost its way. There are so many inconsistencies throughout the various avia elements that it is hard to remember what is best for what use. For example, some components allow you to change the font colour, others do not. Some allow you to change font size, others do not. They are really simple things to implement. I have purchased unlimited licences for both Elementor and Oxygen. With each new project I work on, I get closer to giving them a go. Please feel free to pass this to Mr K himself ;)

    asapevictions
    Participant

    Hello.

    How would I go about adjusting the line height for the Testimonial Slider Large? right now things are too large.

    #987555

    In reply to: Pages not saving

    This reply has been marked as private.
    #987536

    Hi,

    Add this to quick css:

    .phone-info span{
    font-size:20px!important;
    }

    Best regards,
    Jordan Shannon

    #987522

    Hi,
    Tbh the screenshots didn’t help me – the preloader position and styling seems to be ok. However I found this post on stackoverflow which may solve your problem: https://stackoverflow.com/questions/42354572/how-to-add-a-loading-spinner-to-woocommerce-checkout-page

    You can try this code:

    
    .woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before {
    height: 3em;
    width: 3em;
    position: absolute;
    top: 90%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    display: block;
    content: "";
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    background: url('https://d3hwc4hobpbxnl.cloudfront.net/wp-content/uploads/2017/10/31101105/preloader.gif') center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    }
    

    Best regards,
    Dude

    #987517
    meercatz
    Participant

    Hi,

    In the small bar above the header I would like to make the font larger. It seems that in the Enfold settings you are able to customize this bar area and change the font & color but not the size.

    Please let me know what the best way to change the font size here is.

    thank you!

    #987454
    creativeyes
    Participant

    Hi

    Please can you tell me how I adjust the boarders (top, left & right) and column gutter on this page https://theimplantcentre.com/home_july18, see this visual https://theimplantcentre.com/wp-content/uploads/2018/07/TIC_NewHome1.jpg

    Plus I’m also trying to stylise the text on the blue panels more in line with this https://theimplantcentre.com/wp-content/uploads/2018/07/TIC_NewHome2.jpg
    – Lato bold and larger for the headings
    – Lato Light for the sub text
    How do I control these?

    #987387

    Hi,

    Thanks for that. Please try adding this CSS as well:

    #top #header .av-main-nav>li>a {
        font-family: Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 18px !important;
        text-transform: uppercase;
    }

    Best regards,
    Rikard

    #987379

    Hi,
    I removed the css so we could work on a different solution and have the team look at it to advise, without trying to overcome the css I wrote.
    I see you added it back though, it would be nice if you removed it.
    Today I have a new solution for the image in the green section:

    #top.page-id-1016 #av_section_3 .container {
    padding: 0px !important;
    }
    #top.page-id-1016 .avia-builder-el-15 img {
        height: 100%!important; 
        object-fit: cover; 
    }
    #top.page-id-1016 .avia-builder-el-12 {
    padding-top: 0px !important;
    }

    This fills the container with the image starting around 1300px when the image aspect allows, at higher screen sizes the image is 100% wide (it’s own width) and the height fills the container.
    The image will be 100% high all the way down to the mobile brake point, when the image goes below the text.
    The problem is that at tablet screen size the font of the white text is too big so it goes to the edge of the screen, and adding padding forces the container larger, which gives the green strip over the image.
    This is why the other code needed the “white text” rule that you removed.
    So please try this new code above, and see that the image is filling good now. If you want help making the text a little smaller for tablet so it doesn’t go to the edge, let us know.

    Now for mobile screens, you will see that the image doesn’t go to the edge left & right, this is because of the section margin, and removing it will make the text also go to the edge of the screen, so to correct this we will need to add a rule for the white text, like before. If you would like help with this please let us know.

    As for:

    .entry-content p {
    margin: 20px 0;
    }

    I removed it before with no issues, and I commented it out (made it useless) again now with no issues.
    It only adds about 10px margin to the top of paragraphs. Perhaps you had a issue removing it because you also removed some of the rule before or after? I’m not sure why you would add it back after I removed it?

    Best regards,
    Mike

    #987350
    CloudChoice
    Participant

    Hi,

    I am trying the code below to modify posts, categories, tags. Adding is_archive() || is_tag()

    However only in the post did it work. In categories or tags nothing is modified.

    Any suggestion?

    //Add fixed menu to (post ID 15255) All tags All Category
    
    add_action( 'ava_after_main_menu', 'ava_after_main_container_mod', 10 );
    function ava_after_main_container_mod() {
    if( !is_single(array(15255)) || is_archive() || is_tag() ) return;
    	$output  = '';
    	$output .= do_shortcode("
    [av_section min_height='custom' min_height_px='100px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='bback' color='main_color' background='bg_color' custom_bg='#32a5d2' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-32zbqxs' custom_class='']
    
    [av_textblock wrapper_element='' wrapper_element_attributes='' av_uid='av-2gpcv34' custom_class='']
    [av_sidebar widget_area='HAMBURGUER' av_uid='av-bm8mys']
    <div class='centrotitulo'>[page_title]</div>
    [/av_textblock]
    [/av_section]
    [av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='ajuste-espaco' admin_preview_bg='' av_uid='av-1ofdwyo']
    
    ");
    	echo $output;
    }
    
    #987319

    In reply to: custom.css not working

    This reply has been marked as private.
    #987195

    i didnt do them…i thought it was thru enfold options..but i tried those changes….and they didnt work…
    I do see some css changes in the enfold child dashboard…but honestly don’t know what to look for there…

    I found thisin the quick css:
    .header_color span {
    font-size: 16px;
    text-transform: uppercase;
    }

    #header_meta span {
    font-size: 12px;
    }

    #imageblock .av-special-heading-tag {
    text-transform: uppercase;
    }

    ul.shell-list {
    margin-top: -18px;
    }

    • This reply was modified 7 years, 9 months ago by grivers99.
    #987183
    Raphael
    Participant

    Hi, I have a problem and can not use the lightbox on own template pages and in the products.

    I used the Shortcode:

    
    do_shortcode("[av_image src='https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg' attachment='316' attachment_size='large' align='center'  hover='' link='lightbox' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='animation' ][/av_image]"); 

    or tried it with copying the code out of the html

    
    <div class="avia-image-overlay-wrap"><a href="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" class="avia_image lightbox-added"><img class="avia_image " src="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" alt="2015 supermodell des jahres" title="" itemprop="thumbnailUrl"><span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 800px; width: 610px;"><span class="image-overlay-inside"></span></span></a></div>

    In a standard page it is working:
    https://www.cmc-modell-autos.de/contact

    #987136
    grivers99
    Participant

    A plugin, “Menu Image” had a recent update. It messed up my main nav menu, so, I reverted to the older version..and now the menu is working properly, except I can’t get the font sizes back to their original settings!.
    The nav bar should be LATO 18pt…and ALL CAPS
    but it’s 12 or 14pt and Regular text.

    Can anyone help me to get it working properly?
    You can see it working properly on our spas.ohiopools.com site …..i don’t understand what else I can do to fix.

    Gary

    • This topic was modified 7 years, 9 months ago by grivers99.
    #987051

    In reply to: Edit mobile version

    Hey simstub,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width:767px){
        body .av-special-heading .av-special-heading-tag {
            font-size: 20px;
        }
        .avia-section-huge .content {
            padding-top: 50px;
        }
        #full_slider_1,
        #full_slider_1 .avia-slideshow-inner, 
         #full_slider_1 .avia-slideshow li,
         #full_slider_1 .avia-slideshow li img  {
            min-height: 250px;
    
        }
        #full_slider_1 .avia-slideshow li img  {
            width: 140%;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #987023

    Hi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (min-width: 768px) and (max-width: 1024px) {  
      .avia-fullwidth-slider, .avia-fullwidth-slider .avia-slideshow,
       .avia-fullwidth-slider .avia-slideshow-inner, .avia-fullwidth-slider .avia-slideshow-inner li {
          min-height: 400px;
      }
      .avia-slideshow li img {
        min-height: 400px;
        height: 400px;
        width: 120%;
        max-width: 120%;
      }
      .avia_transform .av_slideshow_full .active-slide .avia-caption-title {
        font-size: 24px !important;
      }
    }
    @media only screen and (max-width: 767px) {
      .avia_transform .av_slideshow_full .avia-caption-content, 
    .avia_transform .av_slideshow_full .avia-caption-title,
     .avia_transform .av_fullscreen .avia-caption-content,
      .avia_transform .av_fullscreen .avia-caption-title,
       .avia_transform .av_fullscreen .avia-slideshow-button, 
       .avia_transform .av_slideshow_full .avia-slideshow-button {
         visibility: visible;
       }
    }
    
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #986884
    jjdenmark
    Participant
    #986875

    Topic: Edit mobile version

    in forum Enfold
    simstub
    Participant

    How can I adjust font and picture sizes for the mobile version? The fit / balance isn’t right, right now.

    #986871
    walhai
    Participant

    Hello,
    I hope you can answer me a question, something I realy do not understand. I hope I can explain it :))
    For example:
    on a page I create a row with a special headline and some text.
    I style the headline (h3, color, spacing) and the text (font size, color…)
    When everything looks good, I safe this as own template part – named “mytextcontent” (the menu on the right side, next to the menu where I can make a full size view of the editor). In german it is called “Vorlagen”
    I use this template on several pages and it works.
    After a few days I want to change for example the color of the headline of the template. It should be changed on all pages where I use the template “mytextcontent”.
    But where can I change the template part “mytextcontent”
    I can’t find it anywhere, but maybe I do not know where to search?
    Thank you for answering and help.
    Best regards
    Barbara

    #986828
    This reply has been marked as private.
    #986822

    Hi, I have a problem and can not use the lightbox on own template pages and in the products.

    I used the Shortcode:

    <?php 
    	echo do_shortcode("[av_image src='https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg' attachment='316' attachment_size='large' align='center'  hover='' link='lightbox' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='animation' ][/av_image]"); 
    									 ?>

    or tried it with copying the code out of the html

    <div class="avia-image-overlay-wrap"><a href="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" class="avia_image lightbox-added"><img class="avia_image " src="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" alt="2015 supermodell des jahres" title="" itemprop="thumbnailUrl"><span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 800px; width: 610px;"><span class="image-overlay-inside"></span></span></a></div>					 
    						

    But there is no results:

    #986768

    In reply to: Add headline

    Hi,

    Please try replacing the code Nikko sent with this:

    .home #av-masonry-1 .pagination:before {
        content: 'View More Hotels';
        display: block;
        float: left;
        margin-right: 30px;
        height: 35px;
        line-height: 35px;
        font-size: 20px;
        font-family: 'Abril Fatface', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    Best regards,
    Rikard

    Hey DROR,

    Thank you for using Enfold.

    This css code should help.

    #top div.container .av-masonry .av-masonry-sort {
        font-size: 1.2em;
    }

    Best regards,
    Ismael

    #986747

    Yes I want to change the color from white to dark gray for the font on the menu header and full screen size media layout element.

    #986602
    nicolesauce
    Participant

    I would like the burger menu on mobile to show the search icon as well so that mobile visitors may search the site. I added the following code from a different thread, but now I have two burger menues, one with search and one without:

    /*add search to mobile menu*/
    @media only screen and (max-width: 767px) {
    .main_menu .avia-menu, #header_main_alternate {
    display: block !important;
    }
    .av-main-nav > li { display: none; }
    li#menu-item-search {
    display: block!important;
    margin-top: -86px;
    right: -27px;
    }
    .responsive .main_menu {
    float: right;
    }}
    @media only screen and (max-width: 767px) {
    li#menu-item-search>a {
    font-size: 28px!important;
    }
    nav.main_menu { float: right; margin-right: -3.1%; margin-top: 2%; }}
    @media only screen and (max-width: 767px) {
    #menu-item-burger {
    display: none !important;
    }}

    Any help is appreciated,
    Nicole

    #986474

    Hey fattlco,

    Can you try to add this css code in Quick CSS (located in Enfold > General Styling):

    #top.page-id-16 .av-inner-tab-title {
        width: auto !important;
    }
    
    #top.page-id-16 .slide-content a.more-link {
        margin: 10px 0 0;
        padding: 8px 16px;
        border-radius: 2px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        font-weight: normal;
        font-size: 0.92em;
        outline: none;
        background-color: #971b30;
        color: #ffffff;
        border-color: #750910;
    }

    This should address both 1 and 2 :)

    Best regards,
    Nikko

    #986418

    Hi bakbek,

    Can you remove the code I gave you and use this instead:

    #top .av-tab-section-tab-title-container .av-active-tab-title span.av-inner-tab-title {
        font-size: 18px;
        font-weight: 700;
    }

    Best regards,
    Nikko

Viewing 30 results - 6,601 through 6,630 (of 18,742 total)