Viewing 30 results - 140,941 through 140,970 (of 142,935 total)
  • Author
    Search Results
  • #132342

    Hi,

    Please use this:

    .header-scrolled .logo a img {
    width: 100px;
    height: 100px;
    }

    Regards,

    Ismael

    Hi,

    You can switch off the gallery’s gray out feature while loading the images. Please refer to this link:

    https://kriesi.at/support/topic/scrolling-to-bottom-before-gallery-loads

    Add the old fix again:

    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
    width: 25%;
    max-height: 147px;
    height: 147px;
    }
    #top div .avia-gallery img {
    height: 100%;
    max-height: 100%;
    }

    We can fix the gallery with Media Queries, I guess the stretching of the images comes out on less than 800px screen width. It stretches again once more on 400px width screens.

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    #top div .avia-gallery img {
    max-height: 100%;
    height: 100px;
    }
    }

    @media only screen and (min-width: 320px) and (max-width: 520px) {
    #top div .avia-gallery img {
    max-height: 100%;
    height: 70px;
    }
    }

    Regards,

    Ismael

    #132629

    In reply to: Slider fade speed

    Hi,

    Open js > shortcodes.js, find this codes:

    $.AviaSlider.defaults  = {

    //interval between autorotation switches
    interval:5,

    //autorotation active or not
    autoplay:false,

    //fade or slide animation
    animation:'slide',

    //transition speed when switching slide
    transitionSpeed:900,

    //easing method for the transition
    easing:'easeInOutQuart',

    Adjust the transition speed and play around with easing methods.

    Regards,

    Ismael

    #27089

    Topic: Changing menu layout

    in forum Enfold
    web4smallbusiness
    Participant

    I am in the process of creating a website for a client http://www.photoscan.com.au and have used the “small non-fixed header” for the top. However, the client has now requested that the menu look similar to http://www.iphotoscanning.co.uk/, ie. below the logo and with blue background?

    Is there a way I can do that with the Enfold Theme?

    Many thanks.

    #27088

    Topic: Promo Box Header

    in forum Enfold
    Estuary_Tog
    Participant

    Hi,

    Loving Enfold. thanks.

    I have a problem with adding a H2 header into a promo box. There seems to be padding at the top of the header, when I inspect the area with Firebug I can see an empty paragraph in the code “<p></p>”, this can’t be seen in the text editor. I tried redoing it several times, same result.

    Please see the “About New Horizon Systems” promo box at the bottom of this page http://www.newhorizonsystems.net/newhorizon/

    Thanks in advance :)

    Hi, I’ve also been trying to add a new google font, but to no avail.

    I was trying to add this font: http://www.google.com/fonts#UsePlace:use/Collection:Patrick+Hand

    And I added the code above to the function.

    The font appears in the dropdown option, but appears to only show up as helvetica.

    Thoughts?

    #132086

    Does your laptop have a Retina Display? Testing on my regular 13 inch Macbook I’m still not getting that effect.

    #129620

    The parent page change didn’t do anything, unfortunately. I noticed it doesn’t work on the Efold Demo either, when you go to a sub-page, the rule doesn’t show on the current page when it’s not the top-level page.

    Does anyone know how to change that behavior, so the rule shows under the main nav when one of it’s sub-pages is the current one? So for example, the rule would show under “Programs & Curriculum” when any of it’s pages listed in the sidebar menu are the current page.

    Here’s the link to the site: http://69.195.124.95/~threeced/curriculum-programs-overview/

    #132341

    Thanks Dude

    Really appreciate your help.

    Sorry to ask.

    I followed your advice and added

    .header-scrolled .logo img {

    width: 100px;

    height: 100px;

    }

    as a custom css

    But sadly its not resizing.

    Ive tried on Firefox & safari on a mac.

    http://www.thenaturalpharmacie.co.uk/hidden/

    Hope you can help.

    As if this works, then this theme is goin to be perfect.

    Rich

    #27070

    Topic: Responsive menu tewak

    in forum Enfold
    lephenix
    Participant

    Hi There,

    I have setup my site with the responsive pop-out menu. I think that it would make sense to have my logo displayed at the top of the menu where the blank space is now:

    e06bde.png

    Would this be possible ?

    #27069
    Scott
    Participant

    Hey Kriesi team,

    I ned to revisit this topic because I thought I had the fix, but as it turns out I do not. I originally opened a tick (https://kriesi.at/support/topic/contact-from-not-scrolling-to-top) and in most current browsers that works perfectly. But in some older browsers, it does not. On my MacBook Pro (Safari 6.0.5 OS 10.8.4) but on my iMac (Safari Version 5.1.7 OS 10.6.8) I do not even see the scroll to top icon thus the fix does not work. Do you have any ideas? My client may be switching to Gravity Forms but I am concerned about that also if there is scrolling involved.

    Thanks for the help,

    Scott

    #27067
    lephenix
    Participant

    Hi there,

    The header of my site looks great when viewed on a desktop but when loaded on a mobile device the layout breaks eg:

    5pr3b7.jpg

    This is my site:

    http://www.lephenix.co.uk

    What I wanted to know was if there was a way to fix this and have these elements displayed all on one line ?

    Thanks in advance

    Ed

    #132606

    In reply to: 404 issue

    Ok so i found this thread:

    https://kriesi.at/support/topic/after-the-upgrade-pages-return-404-error

    Where i downloaded the following plugin:

    http://wordpress.org/plugins/rewrite-rules-inspector/

    This fixed the problem, but then when I reactivated WPML they all broke again.

    Any ideas ?

    #130309

    In reply to: AJAX Search Results

    Hey!

    See https://kriesi.at/support/topic/search-drop-down-titles – probably the thread answers your question too.

    Best regards,

    Peter

    #131593

    You can reposition the thumbnails with following css code (insert it into the quick css field and change the values). However I can’t promise that it will display fine on all screens…

    .ls-fullwidth .ls-thumbnail {
    top: 10px;
    left: 100px;
    }

    1) You can use the filter to add new fonts. In functions.php replace

    <?php

    global $avia_config;

    with

    <?php

    global $avia_config;

    add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Arvo'] = 'Arvo:400,700';
    return $fonts;
    }

    add_filter( 'avf_google_content_font', 'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Arvo'] = 'Arvo:400,700';
    return $fonts;
    }

    and instead of “Arvo” insert your font name. You can also change the font weight parameter. Afterwards select the new font from the dropdown (admin screen).

    2) Insert following code into the quick css field

    .template-page .entry-content h1, .template-page .entry-content h2, .widgettitle, .iconbox .iconbox_content .iconbox_content_title, .avia-icon-list .iconlist_title{
    text-transform: none;
    }

    #132335

    Not sure why it doesn’t work in your case – the German translation file works just fine for me. You can try following:

    1) Add following code to the po file:

    # @ avia_framework
    #: framework/php/function-set-avia-frontend.php:850
    msgid "search results for:"
    msgstr ""

    # @ avia_framework
    #: framework/php/function-set-avia-frontend.php:854
    msgid "search result for:"
    msgstr ""

    and translate the strings with i.e. Poedit.

    2) Generate a new po file with Codestyling: http://wordpress.org/plugins/codestyling-localization/

    Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select your language from the list and click the “create po-file” button. Click on “Rescan” to fetch all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).

    #132432

    In reply to: Sidebar Menu

    Hey!

    I deleted the thread because it was a duplicate. I answered it here: https://kriesi.at/support/topic/side-menu-order

    Regards,

    Peter

    #27052
    cmdiggs
    Participant

    He guys

    Big issue here. On the front page, I have content and then a “color section”/parallax and then more content. When I add a sidebar to my page, it is placing it underneath the color section next to that content. I want it to be at the top with the content, before the page fold. WHat am I doing wrong?

    #132340

    Yes you can use the header-scrolled class to resize the image as soon as the user scrolls down. However it will “jump” a bit and you won’t get the same nice resizing effect with a fixed logo. Use following code to determine the “small” logo dimensuions

    .header-scrolled .logo img {
    width: 100px;
    height: 100px;
    }

    #27045
    andypeck
    Participant

    Hi there,

    Ive successfully implemented and using Bebas Neue on my website and it works on most browsers. Ive then attempted to use an additional google font (Allura) to do very occasional supplement titles. However, I just cant get it to work.

    An example of it is in the parallax container on my home page (www.andypeck.co.uk) where ive added the words “A Bit on the side:”. Its fine on my Mac and laptop but it doesnt work on IOS or PC’s (chrome or Safari)

    I gave it a class and called it up in the color container: thus…

    <h6 class=”script_header” style=”text-align: left; margin-left: 150px; margin-top: -10px;”><span style=”color: #dcd6cb;”>A Bit on the side:</span></h6>

    then in my CSS file I installed it thus:

    @font-face {

    font-family: ‘Allura-Regular’;

    src: url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.oet&#8217;) format(‘truetype’),

    src: url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.oet?#iefix&#8217;) format(’embedded-opentype’),

    url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.woff&#8217;) format(‘truetype’),

    url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.ttf&#8217;) format(‘truetype’),

    url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.svg.svg#Allura-Regular&#8217;) format(‘svg’);

    font-style: normal;

    }

    finally, I setup the parameters with the following:

    h6.script_header {

    font-family: Allura-Regular,Geneva,Arial,Helvetica,sans-serif !important;

    font-size:3.5em;

    font-weight: 200 !important;

    }

    Any suggestions as to why it wont work on PC & IOS? I’m guessing ive done something but I can’t see the wood for the trees.

    Cheers as always

    Andy

    #132339

    Thats great, thank you.

    Is it possible to resize on scroll still?

    #27042

    Topic: Logo & nav in socket

    in forum Enfold
    andypeck
    Participant

    Hi there,

    I recently had help from you guys to get a logo into my web site’s socket. I think I may have closed the topic prematurely…

    Ive implemented the logo in the footer.php (as instructed) and it appears frame left which is great. However, on the right side I want to implement a secondary text nav. Unfortunately, the logo space (IN WHICH THE LOGO SITS) now appears to stretch the entire width of the socket, thus forcing the socket nav down onto a second line beneath the logo.

    You can see what I mean on my site: http://www.andypeck.co.uk

    Cheers

    Andy

    #132338

    1) You must add px or % to your width/height attribute. Just 230 is not a valid syntax and it must be 230px or a % value.

    2) You can’t do this if your logo has a relative position. A solution would be to set the position to “fixed” with following css code

    .logo img {
    position: fixed;
    width: 230px;
    height: 230px;
    }

    Maybe you need to use a media query to set the position to “relative” on small screens – otherwise the logo is not “responsive”.

    @media only screen and (max-width: 768px) {
    .logo img {
    position: relative;
    }
    }

    #132155

    Please make sure that the “compatibility view” mode is turned off. Another user reported similar issues and it turned out that he/she used the compatibility mode which can break the website easily (because the browser tries to “emulate” another browser engine – https://kriesi.at/support/topic/the-solution-for-problems-with-ie-compatibily-view-just-the-opposite ).

    #130887

    Hello Ismael,

    Thanks for the quick reply.

    This works for the wide screens, but not for the smaller resolution on smartphone. it is placed outside the screen.

    Maybe a seperate code for that?

    i also see that the top address/tel info on the smartphone screen is not align vertically in the center can you fix that as well?

    erik

    #27038

    Topic: Differents LayerSlider

    in forum Enfold
    Pedro
    Participant

    It is possible to restrict certain LayerSliders to certain kind of pages? Because when I create several LayerSliders and set the autoplay option, it plays all the slider, even those that I don’t want to show.

    Thank you.

    #132337

    any advice help please?

    #132509

    Hi,

    Edit a page or portfolio item, look for the Advance Layout Editor on top of the editor. If you can’t find it, click Screen Options > check the Avia Layout Editor. That is the new template builder for the Enfold theme. Learn more about the theme here: https://vimeo.com/channels/aviathemes

    Regards,

    Ismael

    #132456

    Hi,

    1.) To change the social icons color:

    #top .social_bookmarks li a {
    color: white;
    }

    2.) Icon list color, you can use this

    .avia-icon-list .iconlist_icon {
    background-color: red;
    }

    3.) Can you give us a screenshot of what you want to do?

    Regards,

    Ismael

Viewing 30 results - 140,941 through 140,970 (of 142,935 total)