Viewing 30 results - 6,901 through 6,930 (of 18,743 total)
  • Author
    Search Results
  • #966249
    johnfelipe
    Participant

    Hi my pals, me again, this time i have one issue with this perfect theme,
    i have this code:

    .cpm .half-modal .modal-container {
        margin-top: 125px !important;
    }
    .title_container {
        z-index: 1;
    }
    .cpm-col-2.cpm-last-col.cpm-right.comment-count {
        background-color: transparent;
        width: 17%;
    }
    
    .fc-event-container {
        position: initial !important;
        z-index: 8;
        top: 0;
        left: 0;
    }
    
    @media only screen and (max-width: 1270px) and (min-width: 768px) {
      .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: none;
      }
    
      .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
          display: block;
      }
    }
    
    @media only screen and (min-width: 1270px) and (max-width: 1930px) {
        .av-main-nav > li > a {
            padding: 0 7px;
           font-size: 12px;
        }
    }
    
    .mec-event-sharing-wrap {
        left: 15px;
        position: relative;
    }
    .mec-event-sharing-wrap li i {
        padding-top: 13px;
    }

    i need solve urgent, pls review this video for clarifications:

    https://goo.gl/MCTG7y

    Your demo credentials is:

    kriesi
    kriesi

    This video show how login into webapp:

    https://goo.gl/zkAbnu

    New task with 4 comments in your theme hide comment button

    Stay alert

    #966247

    Hi Victoria,
    That’s exactly what i’m looking for! But if you look at the sourcecode at http://www.real2drive.nl you see my child’s style.css isn’t loading at all.
    Please help me out because i’m running out of time….
    I highly appreciate the effort, I paste my style.css and functions.php under this line. Thanks for your input!

    style.css

    /*
    Theme Name: Enfold Child
    Theme URI: https://cmsweb.online
    Description: Child theme customized for real2drive
    Author: cmsweb.online
    Author URI: https://author.cmsweb.online
    Template: enfold
    Version: 1.0
    Text Domain: enfold
    */

    h1 {
    color: white;
    }

    #footer {
    padding: 15px 0 30px 0;
    z-index: 1;
    background: #0095DB;
    }

    #socket {
    font-size: 11px;
    margin-top: -1px;
    z-index: 1;
    background-color: #0095db;
    }

    #producten {
    background-repeat: no-repeat;
    background-image: url(//www.real2drive.nl/wp-content/uploads/20180514_140450.jpg);
    background-attachment: fixed;
    background-position: top right;
    }

    functions.php

    <?php

    /** 1. Load the parent enfold\style.css file */
    /** 2. Note: a custom.css file is located in enfold\css\ */
    /** 3. Is this both setup correctly in functions.php ? */

    function total_child_enqueue_parent_theme_style() {

    // Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
    $theme = wp_get_theme( ‘enfold’ );
    $version = $theme->get( ‘Version’ );

    // Load the stylesheet
    wp_enqueue_style( ‘enfold-style’, get_template_directory_uri().’/style.css’, array(), $version );

    }
    add_action( ‘wp_enqueue_scripts’, ‘enfold_child_enqueue_parent_theme_style’ );

    Hi,

    I just found out that in advanced settings of Theme settings I have not changed the body font to my local font, so it’s working now. But I just saw that the font Lato regular and lighter are displaying same way, even though I imported them via custom font manager. But I need to have the lighter one. Can you help?

    Also, how can I make the p style <p style=”font-size: 26px; font-family: ‘Chelsea Market’;”>example text</p> and my blockquote styling CSS blockquote { font-family: Chelsea Market;} load my local font? Currently it is still loading from Google server https://fonts.gstatic.com.

    Furthermore I am using the following code for enabling the header scroll effect on mobile devices that I got from your support forum and for loading font awesome for my recipes. This is loading 2 icons (print and check mark) from maxcdn.bootstrapd. Can you help and tell how to load these both icons from Enfold or rather from my local server to reach GDPR compliance:

    
    function enfold_child_custom_script() {
        wp_enqueue_style( 'font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), 1.0);
        wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/main.js', array('jquery', 'avia-default'), 2, true );
    }
    add_action( 'wp_enqueue_scripts', 'enfold_child_custom_script', 100 );
    

    Really hope you can help. Thank you so much for your kind efforts in advance.

    Best regards,
    Sophie

    #966223

    Hello,

    Would you like the text small, or leave as is?

    I´ve to think over that… I can change the font-size everytime in the css code snippet you wrote, thank you.

    I’m going to ask for some help with the copyright links in the “Post Nav”

    I hope for the “Similar Posts” too?

    And thanks for your efforts!

    Sincerely,
    Bernd

    #966201

    Hi,
    For the ones that are “two liners” listed above, this is because the total text is too long for the space, and because HTML won’t brake a link it brakes at the space before the link. To demonstrate I made the text very small with this code: “font-size: 9px;” and there was no second line:
    2018-06-03_125031
    Would you like the text small, or leave as is?

    I’m going to ask for some help with the copyright links in the “Post Nav”
    thanks for your patience.

    Best regards,
    Mike

    #966113

    Hi,
    I made a copy of your button in a code block under your current button so it would have the URL “#test-popup” and the class “open-popup-link”:

    <div class="avia-button-wrap avia-button-center  avia-builder-el-9  el_after_av_heading  avia-builder-el-last "><a href="#test-popup" class="open-popup-link avia-button av-icon-on-hover  avia-icon_select-yes-right-icon avia-color-custom avia-size-large avia-position-center " style="background-color:#ffffff; border-color:#ffffff; color:#000000; "><span class="avia_iconbox_title">GET A FREE CASE EVALUATION</span><span class="avia_button_icon avia_button_icon_right" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></div>

    Then I added your popup in a code block at the bottom of the page, you will need to add some content:

    <div id="test-popup" class="white-popup mfp-hide">
    <div>Your message goes here</div>
    </div>

    Then I added this css in your child theme stylesheet:

    .white-popup {
      position: relative;
      background: #FFF;
      padding: 20px;
      width: auto;
      max-width: 500px;
      margin: 20px auto;
    }

    Then I added this function to your child theme functions.php:

    function popup_inline() { ?>
    <script type="text/javascript">
    jQuery(window).load(function(){
    	jQuery('.open-popup-link').magnificPopup({
    	  type:'inline',
    	  midClick: true
    	});
    });
    </script>
    <?php }
    
    add_action('wp_head', 'popup_inline');

    Then I cleared your site cache, please take a look and add your content to the popup.

    Best regards,
    Mike

    #966052

    In reply to: Slider Titles (h1-h6)

    Hi,

    I’m guessing you want to control the size of your markup? If so then try to add a class to it:

    <h1 class="my-class">Content</h1>

    Then you can add this to your Quick CSS:

    h1.my-class {
      font-size:30px;
    }

    Best regards,
    Rikard

    Hey jbc2018,

    Thank you for reaching out to us. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    /* CSS - Product title */
    
    #top h2.woocommerce-loop-product__title {
        font-size: 1em;
    }
    
    /* End CSS */
    
    

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    If you still have any issue please provide a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    jbc2018
    Participant

    Good afternoon!
    I want to reduce the size of the titles of the products shown in my eshop project
    See a screen print in http://cromlab.info/wp-content/uploads/2018/06/Pantalla.png.
    I added the following code in Quick CSS and in Additional CSS under Enfold Theme with no success!

    h2.woocommerce-loop-category_title {
    font-size: 10px !important;
    }

    Can you help me?
    I’m a beguinner so your help willbe very appreciated!!!

    Hey Mike,
    I’ve been using the stretched layout for years. Also noticed this code as well which wasn’t there before.
    Enfold Theme Layout
    https://www.dropbox.com/s/ya9jkxmmu4sky7o/Screenshot%202018-06-02%2015.45.54.png

    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: justify;
    font-size: 1.15em;
    line-height: 1.7em;
    max-width: 800px;
    margin: 0 auto;
    overflow: visible;

    I tried using your code but it doesn’t work yet, will try more.

    • This reply was modified 7 years, 10 months ago by DrHariri.
    #965727

    Hey jonrouse,

    Please try this instead:

    #nav_menu-2 li a {
      font-size: 15px !important;
    }

    Best regards,
    Rikard

    #965668

    Hey kilimats,

    Thank you for reaching us out.

    Did you try changing the font size from the element “Screen option”?

    If that don’t work for you Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    /* CSS - Full Screen Slider caption */
    
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .responsive #top .slideshow_caption h2 {
        font-size: 20px !important;
    }}
    
    /* End CSS */
    
    

    Best regards,
    Vinay

    #965544

    Hi,

    Try knocking the font down slightly on mobile. Try this

    @media only screen and (max-width: 767px)  {
    .woocommerce-Price-amount.amount{
    font-size:12px!important;
    }}

    Best regards,
    Jordan Shannon

    This reply has been marked as private.
    #965325

    Hi,
    It’s proving to be a little more difficult to change the tag itself, but if the goal is to change the font size of the widget title, please try this code in the WordPress > Customize > Additional CSS:

    h3.widgettitle {
    font-size: 10px !important;
    }

    adjust the font size to suit.

    Best regards,
    Mike

    #965280
    jonrouse
    Participant

    Hi,
    I’ve looked on the forums for an answer, but nothing I found is working for me.
    Are you able to check out the page and let me know what I’m doing wrong, I was trying

    #top .widget_nav_menu li { font-size: 15px !important; }

    Thanks!

    Fotokite
    Participant

    Hi,

    1. I am trying to delete the space between the full-width easy slider and the color section – on mobile view.

    Attached you will see my problem. As soon as I change to mobile size I have this big space.

    2.a For no reason my footer changed. “Terms” should be aligned with the other Links. How can I get there again?

    2.b. footer on mobile view: ow can I make the font size smaller – so everything is aligned?

    Thanx for the fast respond.
    Derya

    mobile view

    #965042
    yingyang
    Participant

    If you open the private link below, and reduce the browser dimension to mobile size, the fullscreen slider font become really small
    I found in a different thread that using this could help

    .avia-caption-title { text-transform: none !important; }
    
    @media only screen and (max-width: 767px) {
    .responsive #top .slideshow_caption .avia-caption-content {
        font-size: 50px!important;
    }

    But it only made the text bigger, not the font
    How can i scale the font properly for mobile? why is special coding required for it? cannot be done by default?

    #965029

    Hi,
    I achieved a similar look with opensans with zip file from google, but I had to delete all different fontsizes besides “regular” and “semi-bold” in the zip file before uploading it with the custom font manager.
    Afterwards you can choose the font “Open Sans 400 600”.

    Like this it looked exactly similar as with former open sans google fonts setting.

    Hope this helps
    br

    #964915

    Hi 2eminds,

    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

    
    #top #fullscreen_slider_1  .avia-slideshow-button {
      padding: 15px 30px 13px;
      font-size: 20px;
      min-width: 220px;
      border-radius: 3px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    greentim
    Participant

    Hi.
    I would like to use two different font sizes in the accordion tabs. I am listing people’s names and then after each name it says “Read Bio”.
    I would like the “Read Bio” type to be slightly smaller than the default accordion font size. Please advise. Thank you!

    Kristin

    #964771

    Hi,
    Try this code in the General Styling > Quick CSS field:

    
    @media only screen and (max-width: 767px) { 
    #top.home #full_slider_2 .avia-caption-content p {
    font-size: 80% !important;
    line-height: 12px !important; 
    padding: 0 5px !important;
    }
    }
    @media only screen and (min-width: 768px) and (max-width: 1023px) { 
    #top.home #full_slider_2 .avia-caption-content p {
    font-size: 80% !important;
    line-height: 16px !important; 
    padding: 5px 5px !important;
    }
    #top.home #full_slider_2 .slideshow_caption {
    padding: 40px 5px !important;
    }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1064px) { 
    #top.home #full_slider_2 .avia-caption-content p {
    padding: 5px 5px !important;
    }
    #top.home #full_slider_2 .slideshow_caption {
    padding: 40px 5px !important;
    }
    }

    This is meant for the single testimony slider on the home page, if this element is also on another page please let up know so we can adjust the code.

    Best regards,
    Mike

    #964764

    Hey YTM_Filip,
    Are you referring to a text widget in the footer or a different widget? Would changing the tag font size via css be ok, or do you really need the actual H tag to be changed?

    Best regards,
    Mike

    #964723

    Hi there, thanks again for getting back to me.
    I’ve sent the login details and the FTP details.

    I think most of it is sorted now!
    I was given this code by your good-selves a couple of years ago but I’m thinking it may be redundant now.
    Can you tell me if I still need it?

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }
    }

    #footer, #footer p, #footer a { font-size: 12px !important; }

    #top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items {
    min-height: 80px;

    }

    span.wpcf7-list-item {display: block;}

    @media only screen and (max-width: 767px) {
    .flex_column { width: 100% !important; margin-left: 0; }}

    Hi,


    @Cevik_Kuersad
    :

    1.) The header is transparent. Is this fixed?

    2.) Add this css code in the Quick CSS field and toggle the css and js compression in the Performance panel.

    .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
        font-size: 1em;
        text-align: left;
        letter-spacing: 1px;
    }
    

    Adjust the font size value as needed.


    @biko-la16
    : Try to toggle any of the theme options and then save it. That should regenerate the scripts and stylesheets.

    Best regards,
    Ismael

    #964422

    Hi,

    Try adding “!important” to your declaration.

    #header .sub-menu .avia-bullet {font-size: 200%!important;}

    Or also try adjusting in pixels instead of percentages.

    Best regards,
    Jordan Shannon

    #964392

    In reply to: Style-Error in Enfold

    Hi Stefan,

    Thanks for contacting us!

    Please go to Enfold theme options > Advanced Styling and edit “H1” tagged elements and change their font size as needed.

    If you have any other questions or issues, please register to our support forum – https://kriesi.at/support/register/ and start a new thread under Enfold sub forum :)

    Best regards,
    Yigit

    #964360

    The article’s headline font size is smaller now. Thank you for that.
    But the other changes coming with 4.4 update still remain:

    >I see many more lines of the article and the preview was well “designed” before. Now it looks not well designed.
    >If I look in the article I see that the picture became smaller and the headline is to large. “h1” I suppose as well.

    Will that be fixed in the next enfold release?

    thank you and best regards, Udo

    #964344

    Hi,

    Use the text block element and insert the icon from there. Example.

    [av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-zbmny' custom_class='' admin_preview_bg=''][/av_font_icon]
    <p class="alignleft">This is a paragraph.</p>
    
    [av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-sw7na' custom_class='' admin_preview_bg=''][/av_font_icon]
    <p class="alignleft">This is a paragraph.</p>
    
    [av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-lveke' custom_class='' admin_preview_bg=''][/av_font_icon]
    <p class="alignleft">This is a paragraph.</p>
    
    [av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-hnmty' custom_class='' admin_preview_bg=''][/av_font_icon]
    <p class="alignleft">This is a paragraph.</p>
    
    [av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-a6kvi' custom_class='' admin_preview_bg=''][/av_font_icon]
    <p class="alignleft">This is a paragraph.</p>
    
    

    Best regards,
    Ismael

    #964208

    Seems like the logo is good now, but the proportions on the hamburger menu seem to be off. Also none of the other elements are responsive on my iphone, such as the social media icons in the footer and the text and images on the kontakt page. Is it not possible to change the width at which the responsive layout shows up? When I change the settings of the font-sizes in the enfold theme, it looks good on my phone, but when I scale it down on my desktop it’s way to big..

Viewing 30 results - 6,901 through 6,930 (of 18,743 total)