Viewing 30 results - 87,361 through 87,390 (of 142,854 total)
  • Author
    Search Results
  • #718865
    extraeyes
    Participant

    I just updated my theme. I cannot seem to get this to work. I do not do code. Can you explain so I can see what I am doing wrong?

    Thank you!!

    #718860

    well as i said
    just a fullwidth slider with custom-class (in my case: customclass)
    and only your text in one button (from slider dialog)
    the rest is css: (the last three rules are to setup your font and other stiles ):

    .customclass .avia-slideshow-button::after {
        content: url("/lodders/wp-content/uploads/2016/11/excell-icon.png");
        display: inline-block;
        height: auto;
        padding: 0 0 0 10px;
        position: absolute;
        top: -30px;
        width: 40px;
    }
    
    #top .customclass .avia-slideshow-button.avia-color-light {
        background-color: #b7c84b !important;
        font-size: 15px;
        font-weight: normal;
        padding: 12px 80px 12px 16px !important;
    }
    
    .customclass div .slideshow_caption h2 {
        font-style: italic;
        font-weight: bold !important;
        text-transform: none;
    }
    
    .customclass .slideshow_caption {
        width: 100%;
    }
    
    .customclass .avia-caption-content {
        font-weight: bold;
    }
    #718839

    Hey Christoph,

    To show the header widget area only in mobile

    1. Please add a widget area to the header http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
    2. Drag and drop a text field into the Header widget area in Appearance > Widget > Header
    3. Inside the text area add your content with in a div and a class name “only_mobile”.

    <div class="only_mobile" > Header widget </div>

    4. add the below css in quick CSS

    /*Show only in mobile or desktop*/
    
    @media only screen and (min-width: 769px) {
    .only_mobile { display: none !important; }}
    
    @media only screen and (max-width: 768px) {
    .only_desktop { display: none !important; }}

    Best regards,
    Vinay

    • This reply was modified 9 years, 4 months ago by Vinay.
    #718835

    In reply to: Sub Sub Menu

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .av-main-nav ul ul {
        left: 220px!important;
    }
    


    Best regards,
    Vinay

    #718804
    #718771

    In the section “contact” there is:
    -an horizontal line at the top that shouldn’t appear
    -some space between the text and the picture that shouldn’t be there
    -some other space at the end of the column
    Can you help me fixing this please?

    so I checked the section in question, but I can’t see any issues you’ve mentioned. Can you provide us a mockup of the results you want to achieve please?

    Best regards,
    Andy

    #718760

    Hi,

    you could use this for background color:

    #top #avia-menu .sub-menu, #top #avia-menu .sub-menu li a {
        background: rgba(255,255,255,0.2) !important;
    }

    0.2 is opacity and the other numbers (255) are defining the color. Adjust it as needed.

    Best regards,
    Andy

    Did you give the icons a unique font name? –*** next to the red button, top right of the Fontello screen?*** Otherwise you get weird symbols, this was on another thread answered today. … in your third step this needs to be done.

    #718748
    mdorfi
    Participant

    I want to add the Google Font “Open Sans Light”

    So I add this to functions.php:

    add_filter( 'avf_google_heading_font',  'add_custom_open_sans');
    add_filter( 'avf_google_content_font',  'add_custom_open_sans');
    function add_custom_open_sans($fonts) {
    	$fonts['Open Sans Light'] = 'Open+Sans:300';
    	return $fonts;
    }
    

    an this to my css:

    #top .entry-content-wrapper h1 {
    text-transform: none;
     font-weight:300 !important;   
     font-size:40px;
     font-family:'Open Sans Light', sans-serif !important;  
     color:#58585a;
    }
    

    But the font didn’t show up. What’s wrong?

    #718742

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
        right: 100px;
    }}
    

    Best regards,
    Yigit

    #718737

    Hi,

    then use this code instead:

    #order_review dl.variation {
    margin-top: -21px !important;
    }

    Best regards,
    Andy

    #718714

    Hi Guys

    You might be interested to see my solution to placing Standalone Icon + Caption to the left:

    .av_font_icon.av-icon-style-border .av-icon-char {
    padding: 0px;
    }
    .av_font_icon {
    display: block;
    text-align: left;
    }
    #top .av_font_icon a {
    display: inline;
    }
    .av_icon_caption {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3em;
    margin-top: 20px;
    text-align: left;
    text-transform: uppercase;
    }

    Works well!

    You can close this thread now

    Thanks

    Christian

    #718668

    In reply to: Search Bar Ajax

    Hey Tflores87,

    please use different tickets for different questions.

    1.) Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    2.) Try this solution: https://kriesi.at/support/topic/instant-ajax-search-on-sidebar/#post-198969
    Another solution is not available so far (again a freelancer would be needed).

    3.) It seems you need quite advanced functions for your search fields. Check out Search WP plugin from our recommended plugin list: https://kriesi.at/support/topic/recommended-plugins/

    Best regards,
    Andy

    newpappa
    Participant

    I’m using the plugin Popup Maker to display a popup for users to add comments. It’s working pretty awesome on desktop but on mobile touchscreens it is not terrific.

    Currently, the pop up gets activated in two places on the site, once within a Button Content Element and then second in a Text Content Element, both by css: #popmake-120.

    Is there some method by which to use media queries to change the target URL if users on on tablets or smartphones? Instead of #popmake-120, I would likely just send users to /separateURL/.

    How is that possible to do in the Button Content Element??

    Thank you so very much!

    #718636

    In reply to: #711802

    Hello Andy,

    Ok no problem, here is the thread: https://kriesi.at/support/topic/after-the-enfold-newest-update-the-text-changes-after-website-gets-fully-loaded/

    And the problem is that sumome plugin creates some clitches as some parts of the text will go bold after the page loads like the page titles, Phone Number or small info text and contact forn fields. Nikko managed to fix the issue with the titles as you can read from the thread but I noticed, that there are still issues.

    NB: The issues occured after I updated the Enfold theme and Nikko said, that this is the first time he sees this happening. The login credentsials are in the private of the thread above.

    Thanks.

    #718631

    Hi there thank you,
    I have really enjoyed using the construction theme and if I can overcome the home page slider not behaving the wauI expected it would I would be so pleased.

    To refresh:
    the slider is not butting up to the top menu and the red box ( build the build the people) is not butting up the the slider. There’s too much white space:)

    It probably quite a simple solution but I just can’t figure it out and look fwd to your response.
    More importantly, I look fwd to the solution so I learn why the template did not automatically do it?

    thank you – Helen

    #718624

    Hi,

    How would you like the page to look on mobile? You can move the css modifications inside a css media query so that it won’t affect the mobile view.

    @media only screen and (min-width: 768px) {
      /* Add your Desktop Styles here */
    
    }

    Best regards,
    Ismael

    #718621

    Hi,

    Please set the user role to “administrator” so that we can access the Appearance > editor panel. Or replace the code with the following.

    add_filter('avf_title_args', 'avf_title_args_mod', 10, 2); // edit default title
    function avf_title_args_mod($args,$id)
    {
    	ob_start();
    	echo '
    <div id="sub_menu1" class="av-submenu-container main_color container_wrap sidebar_right" style="z-index: 301; top: auto; position: absolute;">
    <div class="container av-menu-mobile-disabled">';
    	wp_nav_menu( array('menu' => 'test submenu', 'menu_class' => 'av-subnav-menu av-submenu-pos-center'));
    	echo '</div>
    </div>
    ';
    
    	$menu = ob_get_clean();
    
    	$args['html'] = "{$menu}
    <div class='{class} title_container'>
    <div class='container'><{heading} class='main-title entry-title'>{title}</{heading}>{additions}</div>
    </div>
    ";
        return $args;
    }

    And add this code in the Quick CSS field.

    .title_container {
        margin-top: 50px;
    }

    Best regards,
    Ismael

    #718599

    Hi,

    Please change the code to following one

    #top .av_header_transparency .phone-info h2 {
        color: white;
    }

    Best regards,
    Yigit

    #718595

    In reply to: Second Footer

    Hey

    Finally got to try it out and it works like a charm! Thank you Ismael!

    Now I wanted to style the two footers seperatly, for the first footer row I’d like an image as a background, the other one should be customized via theme settings.

    I’m using this code

    
    #footer {
    background: transparent url(your-image-here) repeat top left;
    }

    However the image streches now across both footer rows. Is there a way to seperate this? maybe give the second footer a different css id?

    Thank you so much!

    khosro
    Participant

    Hello

    I designed a multilingual website with ENFOLD theme.
    Every thing works fine (and thanks for this and such a nice theme) except RTL language (Farsi : FA)
    Here are my problems:
    #1.
    I set the menu and logo to sidebar with these settings:
    Left sidebar is for LTR languages (EN & FR) and with right content alignment, + always sticky option
    And right sidebar is for RTL language (FA) and with leftcontent alignment, ** but it doesn’t have any sticky option appears with these setting in FA theme setting. But I reality need it to be active.

    #2.
    In the RTL menu: ( link is provided in private section )
    – latest menu ( ارتباط با ما ) doesn’t show in the same line as other menus (right alignment problem)
    -level one sub menu isn’t located correctly and it shows above a main menu level 0 items. (horizotaly alignment problem)
    -level two sub menus aren’t located in the same line as their previous menu ( they are always located in maximum upper corner, instead of locating in the same line as their original location)

    I did some CSS modifications for this section and here are all of my modification (some of them are for other things like loading picture):

    #top .main_menu .menu li{
    float: none;
    text-align: right;
    }
    
    .main_menu .menu ul
    {
    right:1;
    }
    /*
    .html_header_sidebar #top .av-main-nav ul a
    {
    margin: 0 120px 0px 0px;
    }
    */
    
    .iconbox_content_container, .iconbox_content_container ,p{ text-align: justify; }
    
    .av-siteloader, .av-siteloader:after{
    width: 90px;
    height: 90px;
    }
    
    .av-preloading-logo{
    margin-bottom: -85px;
    }
    
    .html_header_sidebar #header .av-main-nav{
    padding:0px;
    }
    
    .html_header_sidebar #top .avia_wpml_language_switch{
    padding: 4px 0 0 110px;
    }
    
    .header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color  span, .header_color  applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a
    {margin:-4px 0px -4px 0px;}
    
    .html_header_sidebar #header .av-main-nav
    {margin:4px 0px ;}

    Please tell what need I do to solve those problems ?

    Kind regards

    • This topic was modified 9 years, 3 months ago by Vinay. Reason: Moved the code inside the code snippet
    #718576

    Hey michaellausser,

    Please change your code to following one

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
      background-color: transparent;
      position: absolute!important;
    }}
    #advanced_menu_toggle {
        position: fixed!important;
        top: 100px;
        right: 5px;
    }
    

    Also, i checked your website on Chrome, Firefox and Safari and header is transparent in all three. Have you figured it out already?

    Best regards,
    Yigit

    • This reply was modified 9 years, 4 months ago by Yigit.
    #718571
    J_L
    Participant

    After looking at a solution to create a mega menu below the header (since it was not possible to add a mega menu into a full width sub menu container). I came across some posts that recommended UberMenu.

    I was able to add a “code snippet” container to the pages I wanted the UberMenu and paste the short code in for my custom menu but there was a space above the code snippet. I could get rid of that space by editing the code for .content, .sidebar { padding-top: none;}.

    My question are…
    1. If I edit that CSS, will it have an effect on other pages with the site?
    2. If that was the correct way to do it, how do I get the menu to be full width?
    3. Is there a better way to place a full width UberMenu below the heading?

    https://www.dropbox.com/s/k822ofs9nl1d8lq/FULL_WIDTH_SUB.jpg?dl=0
    https://www.dropbox.com/s/ruitudrcfttusik/UBER.jpg?dl=0

    charlotteraboff
    Participant

    The Mappress creator insists that the error has something to do with the theme…..

    “The theme is loading the maps API. Check with Enfold for how to turn it off. For example, here’s their solution for another plugin: ”
    https://kriesi.at/support/topic/google-maps-element-javascript-conflict-with-maps-marker-pro-plugin/

    The Mappress plugin
    https://wordpress.org/plugins/mappress-google-maps-for-wordpress/

    What code shall add in order for Enfold to not load the maps API?

    Thanks
    Charlotte
    http://www.coolbudgethotels.com

    #718548

    Hey Daniel

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
        padding-right: 13px;
    }
    

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #718545

    Yigit,

    Thanks for your reply, I am actually trying to change the search icon in the menu before you click. I believe this is the CSS

    #top #menu-item-search > a:before {
    }

    i did try the below code but the image was very small (same size as fonts in menu)

    #top #menu-item-search > a:before {
    color: transparent;
    background: url(http://www.mypath.com/logo);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    }

    #718544
    GottaGetEm
    Participant

    Hi there

    I have 5 images I need to show. 3 on top with 2 on the bottom using 1/3 columns. We need the bottom 2 centered with the 3 on top and work accordingly on mobile.
    5 boxes where the 2 bottom need to be centered

    Is this a possibility?

    Any help would be appreciated.

    Thank you,

    GottaGetEm

    #718518

    so you have the installation too here in a subfolder.
    so link to your image must be different

    /lodders/wp-content/uploads/2016/11/excell-icon.png

    .page-id-16 .customclass .avia-slideshow-button::after {
    content: url("/lodders/wp-content/uploads/2016/11/excell-icon.png");
    display: inline-table;
    height: auto;
    padding: 0 0 0 10px;
    width: 30px;
    }
    #top.page-id-16 .customclass .avia-slideshow-button {
    display: inline;
    height: 50px;
    top: 30px;
    }
    
    .avia-button.avia-size-x-large {
        font-size: 15px;
        text-align: left
    }
    

    but there are strange things in that slider – where can i choose an x-large button on that sliders ?
    i think here is the place a mod must help you with admin account .
    no chance to see from outside what you have done there – sorry

    • This reply was modified 9 years, 4 months ago by Guenni007.
    #718512

    first of all
    take the one button option.
    insert only that text into the button text: Download onze assortimentslijst
    give the slider that class and look to your page-id

    .page-id-16 .customclass .avia-slideshow-button::after {
    content: url("/wp-content/uploads/excell-icon.png");
    display: inline-table;
    height: auto;
    padding: 0 0 0 10px;
    width: 30px;
    }
    #top.page-id-16 .customclass .avia-slideshow-button {
    display: inline;
    height: 50px;
    top: 30px;
    }

    and than we have a look

    #718497

    right now i have placed the code u sended me so

    .page-id-3437 .customclass .avia-slideshow-button::after {
    content: url("/wp-content/uploads/excell-icon.png");
    display: inline-table;
    height: auto;
    padding: 0 0 0 10px;
    width: 30px;
    }
    #top.page-id-3437 .customclass .avia-slideshow-button {
    display: inline;
    height: 50px;
    top: 30px;
    }

    In my custom css. I also gave my fullwidth slider a customclass name ‘ customclass’ but it doesnt work with me. What am i doin wrong?

    i am using the sliding. It will only be 1 image that will be used.

Viewing 30 results - 87,361 through 87,390 (of 142,854 total)