Viewing 30 results - 77,701 through 77,730 (of 142,936 total)
  • Author
    Search Results
  • #813981

    Hi,

    Do you still need further help with this topic, or can we close this thread? :)
    Best regards,
    Sarah

    #813965

    Hey Christoph,

    Is this on every page or a specific one? Also, please link us to the site/page in question so we can see this further.

    Best regards,
    Jordan Shannon

    #813964

    Hey hobart,

    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 label {
        font-weight: normal;
        font-size: initial;
    }
    #top .main_color .input-text, #top .main_color input[type='text'], 
    #top .main_color input[type='input'], #top .main_color input[type='password'], 
    #top .main_color input[type='email'], #top .main_color input[type='number'], 
    #top .main_color input[type='url'], #top .main_color input[type='tel'], 
    #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
         border-color: transparent;
        background-color: transparent;
        color: #7d7d7d;
        border-bottom: 1px solid #8c8c8c;
    
    }
    #top input[type="text"]:focus, #top input[type="password"]:focus, 
    #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, 
    #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus {
        box-shadow: none;
        color: #555;
        border-bottom: 2px solid #8c8c8c;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    if you look at the header on this page it is slightly transparant before you scroll and doesn’t force the slider to be under the menu, but instead sits on top, that’s what i want

    http://www.avernahomes.com.au/

    Many thanks.

    #813940
    raisonbrands
    Participant

    Howdy,

    I searched through the threads and saw quite a few things from a few years back on the magnific popup feature (https://kriesi.at/support/topic/modallight-box-for-text/ | https://kriesi.at/support/topic/where-is-magnific-popup/).

    But I’m still confused about where the content comes from and how display is set. While I’ve used this feature before to display a PDF, I don’t know how to use it to display a content element that’s created in Enfold (and comes from the suite of Avia Layout Builder elements).

    Meaning: I would like to have a small picture with a caption, and when clicked, a colored text box pops up explaining the picture appears in a small lightbox.

    How would I set that up?

    #813931
    A
    Participant

    Hi,

    I want to have a fullwidth (not fullscreen) hosted youtube video above my page that loops and have autoplay. Witch slider or element do you recommand to use for this? Could you please give me advice and what the things to do to set it up?

    #813930

    In reply to: Responsive Problem

    Hi,

    The cart problem should have been fixed with the very first css I sent you.

    To make the images full-width on iPad try the following, though the physical image size themselves may have to be inscreased. I have tested this myself within the browser:

    @media only screen and (max-width: 1024px){
    .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    
    .avia-builder-el-1 .flex_cell{
    width:100%!important;
    }
    
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        display: block;
        margin: 0;
        height: auto !important;
        overflow: hidden;
        padding-left: 8% !important;
        padding-right: 8% !important;
    }}
    
    

    Best regards,
    Jordan Shannon

    #813926

    Hey waveshaper,

    The website did not load, but normally top level menu item is not a link, it opens the submenu on click. Or you need to add arrows like you suggested. We need to check first, please get back to us when the site is back up.

    Best regards,
    Victoria

    #813920

    Thank you Victoria,
    I tried to modify the home page and in “Title Bar Settings” I set it to “Display Title and Breadcrumb” instead of “Default layout set in Enfold Child”
    but result is same, slider sticks to the top and there is no div with class “stretch_full container_wrap alternate_color light_bg_color title_container”
    This three lines black, dark green, light green are part of the look of the websìte and should be there also in the home

    Best regards
    Mauro

    #813913

    Yes ! Perfect thank you so much !
    I also have two other issues, as you can see on the website, the menu appears only if I scroll, but it leaves a white space on the top of the website hen you arrive. I don’t understand why the menu disappears when you are on top of the website.

    Also, little issue, when I click on set the columns to the same height and say it should align on the top, the columns become full width and they get one under the other instead of juste getting the same height and being one next to the other.

    Regards,
    Anne-Sophie

    #813901

    In reply to: Show tags in portfolio

    Wow Yigit, that works great!

    Some extra CSS and it looks great too!

    Can you please flag this topic as closed?

    Thanks & best regards,
    Monique

    #813885

    Hey,

    It seems like a plugin conflict. Can you please try de-activating all active plugins and check if that helps (especially “autoptimize”)?

    Best regards,
    Yigit

    Hey,

    Please go to Appearance > Widgets and create a new widget area (“custom_widget” in example below) and then add following code to Functions.php file in Appearance > Editor

    add_action('avia_before_footer_columns','avia_footer_top_column');
    function avia_footer_top_column(){ 
              dynamic_sidebar( 'custom_widget' );
    }

    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    Best regards,
    Yigit

    #813875

    Hey Johann,

    Thanks for contacting us!

    Can you please refer to this post – https://kriesi.at/support/topic/enfold-not-working-with-the-sensei-plugin/#post-707390 and check if it helps? :)

    Best regards,
    Yigit

    Hi David,

    For the meantime, can you try the temporary solution posted here: https://kriesi.at/support/topic/tabs-sections-dont-work-in-firefox/#post-805471
    Hope this helps.

    Best regards,
    Nikko

    #813863

    Hey schenkco,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top figcaption.av-inner-masonry-content {
        min-height: 84px;
    }

    Let us know if this helps :)

    Best regards,
    Nikko

    #813849

    Hey thomasaudoual,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .avia-logo-element-container .slide-image {
        background-color: transparent !important;
    }

    Let us know if this helps :)

    Best regards,
    Nikko

    #813832
    frupalmgren
    Participant

    Hi Kriesi!
    Have have search high and low to find out how to make the right class + quick css for a textbox.
    I want to have the same height for the boxes so the buttons below the boxes are in line (otherwise they “jump” depending on the text length.)

    I have:
    – turned on http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    – added a class in textbox (called it elements)

    added this to quick css area:

    #top .elements{
    height: 100px !important;
    min-height: 100px !important;
    margin: 0 !important;
    padding: 0 !important;
    }

    But for some reason nothing changes. Are working in the latest version of enfold and WP. No plugins added…

    What am I doing wrong??
    Please help! :-)

    #813814
    torinows
    Participant

    Good morning guys !!!!

    I am having some problems with inserting a text in the middle of the header : http://torinocomunicacao.ws/projeto-jefrag/

    In the area “Tel.: (11) 4113-9129 / (11) 97142-3139″ i need to insert a breakline and insert ” (Email address hidden if logged out) ” but for some reason there is a large gap if i use the <br> tagline and if i go to mobile view there is a large gap in this area like a invisible padding-top and padding-botton.

    Can anyone give me some instructions to fix this problem?

    As always… I need to say that i love your theme :D

    Hi Victoria,
    I got the link to work, it was very simple, the html was wrong, I needed to remove the <a href= from the start of the link and only start it with http://

    Thanks again for taking the time to help :)

    Finally, i don’t see a way to mark this topic as resolved, is it something an administrator must do?

    #813786

    Hey there,

    I noticed an error in the code which is causing it to render incorrectly. There was an extra quotation mark that caused the break
    <div style="”position:" fixed;="" top:="" 0px;="" left:="" 0px;”="">

    Try this line to replace it…
    <div style=" position: fixed;top: 0; left: 0; z-index: 999!important;">

    You could give the div a class or ID and then use custom css to change the element rather than using in-line code

    Hope that help

    TJ

    #813782
    #813778

    Hi Ismael,
    you already asked me to update before remember? If not, see here However, even though I updated after your previous request (which cost me a lot of time because I made many customisations) the problem was never solved!
    Now you ask me to update again. I will do so but it will cost me again many hours of work. Can you guarantee that the issue will be solved this time or is this just a strategy to postpone the support again???
    Cheers,
    Chris

    #813776

    Hey Amselus,

    I have checked it and alignment seems to be okay, can you elaborate more on the issue? screenshot on your end would be helpful. If it’s the spacing between those menu items (buttons), try adding this code in Quick CSS:

    #top .av-subnav-menu li {
        margin: 0 5px;
    }

    Hope this helps.

    Best regards,
    Nikko

    #813774

    It’s just perfect thanks you very much !!!!!

    You can close the topic.

    Best regards,
    Clement

    #813770
    jamiebgp
    Participant

    Hi,
    I have a client who has instructed a third party to add a chat box and window on the Enfold site. The off the peg version works fine and is sticky in the top left hand corner of the site and sits in front of the site with a minimum amount of code popped into the header.php, but is not customisable. When the customisable button is placed in, it sits above the header and creates a valley when scrolling as well as not being sticky. Am I posting the code into the right area or is there an easier way to achieve this?
    Site is : http://www.endoline-automation.com

    Many thanks

    J

    #813767

    Ah yes.
    We removed the top padding from the image so it has moved up 5px so we need to move the entire element down to compensate.

    .avia-image-container.avia-align-center {
      margin:17px auto;
    }

    That will add appropriate margin to top to push it down.

    OR

    you can move the entire left element up.

    .links_page_promo_box {
      margin-bottom:10px;
      margin-top:0;
    }

    that removes the top margin but we then need to double the bottom from 5px to 10px to keep the spacing

    Give that a whirl :)

    Thanks

    TJ

    #813762

    In reply to: Two Header Pictures

    it is more or less only functions.php of child-theme and a bit css.

    if you like to insert an svg or png/jpg it is a bit different:

    /** for svgs only   ******/
    function first_logo($logo) {
    $logo .= '<span class="logo first-logo"><a href="path to an url1">' ;
    $logo .= file_get_contents("/wp-content/uploads/logo1.svg");
    $logo .= '</a></span>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'first_logo');	
    
    /** for the normal case of a png or jpgs   ******/
    function second_logo($logo) {
    $logo .= '<span class="logo second-logo"><a href="url2" target="_blank">' ;
    $logo .= '<img src="/wp-content/uploads/logo2.png"/>';
    $logo .= '</a></span>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'second_logo');

    Comment: You see that these images stay a “logo” only a second class (fist-logo, second-logo, etc.) is given to them.

    on some reasons it is better to get rid of the logo inserted by enfold options dialog. (z-index, positioning etc.)

    if you will place a svg Graphic than a bit more is to be done in quick css!

    the width an heights are dependent on your graphics – so you have to play with it.

    div .logo { float: none}
    .logo:first-child img { display: none}
    .logo img {max-width: 320px}
    .logo.first-logo {z-index: 3}
    .logo.second-logo {z-index: 2}
    .logo.second-logo {width: 100%}
    .logo.second-logo a {float: right}
    .logo.first-logo a, .logo.second-logo a {display: inline-block}

    and in responsive case (play with the 768px concerning to your logo-images) :

    @media only screen and (max-width: 768px) {
    .logo.second-logo a { float: left }
    .responsive #top .logo { height: auto }
    .responsive #top .logo:first-child { display: none }
    }
    #813757

    hi tj,

    now i got the overlay extending at the bottom of the image. also, the top image in the right hand column is now not aligned with the left column. Any other suggestions?

    Thanks

    #813746

    Morning,
    You have some custom css that is adding padding of 5px to the top of the image.

    .links_page_video_image_styling .avia_image {
        padding-left: 0px!important;
        padding-right: 0px!important;
        padding-top: 5px!important;
        padding-bottom: 0px!important;
    }

    Remove that and the image and overlay will be flush.

    You can just use

    .links_page_video_image_styling .avia_image {
    padding:0!important}

    Then to keep the bigger spacing use

    .links_page_video_image_styling .avia_image {
    margin-bottom:5px;}

    Hope that helps

    TJ

Viewing 30 results - 77,701 through 77,730 (of 142,936 total)