Viewing 30 results - 17,341 through 17,370 (of 18,727 total)
  • Author
    Search Results
  • #214732

    Hi simmer!

    You can use this on Quick CSS:

    .grid-entry-excerpt.entry-content {
    font-size: 14px;
    color: red;
    font-style: normal;
    }

    Best regards,
    Ismael

    #214718

    Hi David!

    Please add this on Quick CSS or custom.css:

    .avia-icon-list-container.avia-builder-el-6.el_after_av_textblock.avia-builder-el-last .iconlist_icon {
    background: url('http://www.cadeaugolf.nl/wp-content/uploads/2013/04/image_rl2.png') no-repeat center center;
    background-size: 40px 40px;
    }
    
    .avia-icon-list-container.avia-builder-el-6.el_after_av_textblock.avia-builder-el-last .iconlist-char {
    display: none;
    }
    

    Best regards,
    Ismael

    #214711

    Hi!

    Please use this instead:

    .form-row.terms label {
    font-size: 15px !important;
    }

    Remove browser cache then reload the page.

    Regards,
    Ismael

    #214652

    In reply to: Font Awesome in menu

    Hi studio-dlhastings!

    You can generate the Icon shortcode on a page then get the icon shortcode’s actual html. You can do this using google chrome. Inspect the elements to see the actual markup. It looks something like this:

    <span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span></span>

    Create a custom link on Appearance > Menus then add the code above as menu label.

    Cheers!
    Ismael

    #214583

    alright, i could fix the font issues by manually defining some simple css (font-weight) to get the headers look consistent throughout different browser.

    just remaining the issue with the rugged logo in firefox and especially the header resizing. actually i would like to keep the header just the size it is when scrolling down the page…

    any help much appreciated.

    thanks.

    #214571

    In reply to: Pop Up Plugin

    This reply has been marked as private.
    #214527

    In reply to: Title h2 and h3

    Hi Keurdom!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    h2 {
    font-size: 20px; }
    h3 {
    font-size: 17px; }

    Regards,
    Yigit

    #214424

    Hi Yigit,

    I have tried adding !important rule but there is still no change…

    #214416

    Hi!

    Can you try adding !important rule to force it as following?

    #top #payment label { font-size: 15px!important; }

    Regards,
    Yigit

    #214402

    Hey Yigit,

    Unfortunately that code is not having any effect.

    #214358

    Hi!

    1) Folgender Code in enfold/css/custom.css

    
    .sub_menu ul:first-child > li > a {
    display: block;
    padding: 0 0px;
    font-weight: lighter;
    font-size: 10px;
    }
    

    beeinflusst das Menü und verursacht den Fehler. Bitte entferne den Code (bzw. zumindest das padding Attribut) um den Fehler zu beheben.

    2) Du könntest dieses Plugin installieren: http://wordpress.org/plugins/user-shortcodes/ und dann zB den [currentuser_username] Shortcode im “Titel” Feld eines Menüpunktes verwenden. Wenn du dieses Link nicht klickbar machen möchtest verwende das “Links” Feld auf der linken Seite und füge in das URL Feld nur “#” (ohne “”) ein und in das Link Text Feld den Shortcode (zB Willkommen [currentuser_username]). Das Menu + Submenü musst dann zweimal angelegt werden – einmal für angemeldete User und einmal für nicht angemeldete User.

    2)
    Cheers!
    Peter

    #214333
    Pixelbits
    Participant

    I was looking for a different onhover effect for the Enfold portfolio. With the help of some Googling I changed the arrow to a slideover-excerpt-text effect.

    To change this you have to know how to code – preferably in a child theme that you can download here:http://bit.ly/enfold-child

    Example of onhover effect:
    http://i40.tinypic.com/ndvqpz.jpgimage effect example

    What did i change:
    PORTFOLIO.PHP (Version: 2.4.5)

    New code:
    somewhere from line 395 (fullwidth portfolio) I changed some settings and added some classes. This is not very clean code but it can help you achieve this very easily.

    else
                    {
                        $extraClass .= ' default_av_fullwidth ';
    
                        $output .= "<div data-ajax-id='{$the_id}' class=' rozepitem grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>";
    	                $output .= !empty($excerpt) ? "<a href='{$title_link}' title='".esc_attr(strip_tags($title))."'><div class='rozeptxt grid-entry-excerpt entry-content' ".avia_markup_helper(array('context'=>'entry_content','echo'=>false)).">".$excerpt."</div></a>" : '';
        
                        $output .= "<article class='main_color inner-entry' ".avia_markup_helper(array('context' => 'entry','echo'=>false)).">";
    					
                        $output .= apply_filters('avf_portfolio_extra', "", $entry);
                        $output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">";
                        $output .= !empty($title) || !empty($excerpt) ? "<div style='z-index:100;box-shadow: 0px -5px 20px #888888;' class='grid-content'><div class='avia-arrow'></div>" : '';
    
                        if(!empty($title))
                        {
                            $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false));
                            $output .= '<header style="z-index:100;" class="entry-content-header">';
                            $output .= "<h3 class='grid-entry-title entry-title' $markup><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>";
                            $output .= '</header>';
                        }
                        $output .= !empty($title) || !empty($excerpt) ? "</div>" : '';
                        $output .= '<footer class="entry-footer"></footer>';
                        $output .= "</article>";
                        $output .= "</div>";
                    }
    
    				$loop_counter ++;
    				$post_loop_count ++;
    				$extraClass = "";
    
    				if($loop_counter > $columns)
    				{
    					$loop_counter = 1;
    					$extraClass = 'first';
    				}
    			}

    Then i added a jQuery part in a JS file (e.g. shortcodes.js):

    $('.rozeptxt').animate({
          opacity:'0',
          top:'300px',
        });
    
    $('.rozepitem').hover(  
      // Over
      function(){     
    	$(this).find('.rozeptxt').animate({
          opacity:'0.9',
          top:'0px',
        });
    
      }
      ,  
      // Out
      function(){
    	$(this).find('.rozeptxt').animate({
          opacity:'0',
          top:'300px',
        });
    
      }
    );
    

    In the custom CSS-field I added this:

    
    .image-overlay { display: none!important; } 
    
    .entry-title {font-weight:bold;font-size:13pt;}
    
    .rozeptxt{color:#7c6853;font-size:13pt;position: absolute;top:0px;left:0px;
        background: rgba(255,255,255,0.9);width: 100%;height: 100%;z-index:50;padding:20px;}
    
    .rozepitem{display: block;float: left;
        position: relative;overflow:hidden;}
    

    I know the code can be a lot cleaner, but i saw other people wanting this – so maybe this helps them create something awesome.

    • This topic was modified 12 years, 2 months ago by Pixelbits. Reason: example image effect added
    #214231

    Hi!

    Please add following code to Quick CSS instead

    #top #payment label { font-size: 15px; }

    Best regards,
    Yigit

    #214227

    Hi!

    Yes it does. If you would like to adjust them seperately, you can use following code

    .js_active .toggler { font-size: 20px; }
    .js_active .tab { font-size: 16px; }

    Cheers!
    Yigit

    #214220

    Hi Devin,

    Sure, here is the link: http://firehouseironworks.com/checkout/

    Thanks.

    #214196

    Hi langor!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .js_active .toggler,.js_active .tab { font-size: 16px; }

    Cheers!
    Yigit

    #214022
    CB
    Participant

    hello kriesi team,

    i got an issue with the heading and menu fonts. they do not render correctly in safari and firefox but look good in chrome (on mac – didn’t check windows yet) the heading problem seems to occur every time i put an a special heading element inside a layout element. since i do not see the same issues on the enfold sample page i really wonder what it is that causes this issue. here is a screen shot comparing the browser and showing the problem:

    http://chrisbuchner.com/wp-content/uploads/2014/01/browser-check.png

    as you can also see, the logo looks very rugged in firefox whereas it is resized smoothly in other browsers.

    last but not least i also tried to change the height to which the header resizes when scrolling down (using these instructions https://kriesi.at/support/topic/logo-and-main-header-menu/#post-212922 // https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003)

    when I change the value to 1.5 the header becomes even smaller first and jumps back the actual value eventually. how could i change this behavior ?

    many thanks, chris.

    Hi DaraEmerson!

    1- You can use following classes

    .alternate_color .iconlist_content, .main_color .iconlist_content { color: red; }

    2- You can right click on Chrome and on Firefox and click Inspect Elements to find out page ID’s http://i.imgur.com/TrDQ84Y.jpg and add your code as following

    body.page-id-734 { font-size: 16px; }

    3- Are you not using responsive layout?
    4- You can turn on debugging mode to see shortcodes of the layout you have build in avia layout builder. Please see http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Best regards,
    Yigit

    #213959

    Hey japk!

    If we can get a link to your site we should be able to assist with targeting the text there exactly.

    Cheers!
    Devin

    #213956

    In reply to: Responsive Sidebar

    Hey!

    Try adding this to your custom.css file in the css folder of your theme files inside the mobile specific media query:

    #text-2 .avia-button-left a {
    padding: 10px;
    font-size: 12px;
    }

    It will reduce the size of the button to fit a bit better.

    Cheers!
    Devin

    Hi Chris!

    You can use this on Quick CSS to change the title:

    .iconbox .iconbox_content .iconbox_content_title {
    border: medium none;
    padding: 2px 0 0 0;
    position: relative;
    margin: 0 0 16px 0;
    clear: none;
    overflow: hidden;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 19px;
    }

    Use this one for the iconbox content:

    .iconbox_content_container {
    font-size: 15px;
    color: red;
    }

    Best regards,
    Ismael

    #213818

    In reply to: layer slider shift

    I am looking at this page where I am still seeing this shift:
    http://www.copenhagenfilmcompany.dk/2014/
    halfway down there are logos with this html:

    <h3 style=”text-align: center;”>SHORT & DOCCINEMATIC STORYTELLING</h3>
    <p style=”text-align: center;”><span style=”font-size: 14px; line-height: 1.5em;”>New perspectives.
    New ideas.</span>
    </p>

    I tried to change it to this:

    <h3 style=”text-align: center;”>SHORT & DOCCINEMATIC STORYTELLING</h3>
    <p style=”text-align: center;”><span style=”font-size: 14px; line-height: 1.5em;”>New perspectives.
    New ideas.</span>
    </p>

    which seems to work but then if I look at the html again, it defaults to:
     
    <h3 style=”text-align: center;”>SHORT & DOCCINEMATIC STORYTELLING</h3>
    <p style=”text-align: center;”><span style=”font-size: 14px; line-height: 1.5em;”>New perspectives.
    New ideas.</span>
    </p>

    what am I doing wrong? Those <h> tags keep tagging my images.

    Beertank
    Participant

    Hi,

    Can you tell me how I can change the font size/type that is displayed as the ‘title’ and ‘content’ when using the icon box function please.

    Many thanks

    #213728
    langor
    Participant

    Hi,

    I’m looking to change the size (and maybe font colour) of the Headings that are displayed with Accordion element and also Tabs element. I find they are too small on mobile devices, so increasing the heading size will make it easier for them to be pressed (perhaps increasing padding too).

    Thanks a lot

    Michael

    #213641

    In reply to: Fonts

    Hi mrtechnique!

    You can use this filter on functions.php to add google fonts:

    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
    return $fonts;
    }
    
    add_filter( 'avf_google_content_font',  'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
    return $fonts;
    }

    Replace Source Sans Pro with the font that you want. Which headings are you trying to change? You can use this for the body font:

    body, body p {
    font-size: 15px;
    }

    Cheers!
    Ismael

    #213618

    Topic: Fonts

    in forum Enfold
    mrtechnique
    Participant

    I see there are less than 50 fonts for the body text. How can I add all of the Google fonts to the list? Also, how can change the font size to the body and headings. My URL is http://www.headmenco.com.

    DaraEmerson
    Participant

    1 – please send the code to target the font color in the icon list so we can match it with the main content font colour.

    2 – if we want to change the type sizes etc… for a specific page is there a simple way to do this?

    3 – how to set up the header fonts so they get proportionally smaller in pad or phone mode?

    4 – This question from 2 weeks ago was never answered: When we switch to default editor it is no longer possible to edit a page created with the advanced layout builder – the entire page simply disappears in the editor. The possibility to use short code becomes impossible.

    It would be great if you would add an alphabetical list of the main HTML/CSS/PHP code to alter main items in the website so we can just look up instead of asking. Would save both parties much time.

    #213409

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 1340px) {
    .iconbox .iconbox_content .iconbox_content_title { font-size: 13px; overflow: visible; }}

    Regards,
    Yigit

    • This reply was modified 12 years, 2 months ago by Yigit.
    #213327
    japk
    Participant

    Hello,

    I’m trying to make the terms and conditions checkbox line more visible on the checkout page. I’ve tried using the code from this post https://kriesi.at/support/topic/moving-the-accept-terms-and-conditions-checkbox/

    #payment .terms {
    font-size: 15px !important;
    }

    in my custom css, but it is not changing the font size. Any suggestions.

    Thank you for your help.

    #213312

    Topic: Misalignment of icons

    in forum Enfold
    yogananda
    Participant

    Hi again,

    I’m having problems when using the icons, they seem to shift the text associated with it, here’s a screenshot:
    Screenshot
    You can view the page here:
    http://padmayoga.dk/wp/kontakt/

    Here’s the code used:

    [av_two_third first]
    <h5>Adresse</h5>
    Elisagårdsvej 12 • 4000 Roskilde
    [/av_two_third]
    
    [av_one_third]
    <h5>Vær social</h5>
    [av_font_icon icon='ue8f4' font='entypo-fontello' style='' caption='' link='manually,http://facebook.com' linktarget='_blank' color='' size='40px' position='left'][/av_font_icon] [av_font_icon icon='ue8f7' font='entypo-fontello' style='' caption='' link='manually,http://google.com' linktarget='_blank' color='' size='40px' position='left'][/av_font_icon]
    [/av_one_third]

    What can I do to align the headers ?

    Thanks

Viewing 30 results - 17,341 through 17,370 (of 18,727 total)