Viewing 30 results - 8,851 through 8,880 (of 11,220 total)
  • Author
    Search Results
  • studioem
    Participant

    Three quick questions …

    1. Is there some quick CSS code that I can add so my Masonry Blog landing page to remove the date and only display the post title? (http://800.9e8.myftpupload.com/blog/)

    2. And how do I control the Title text color in the footer area? Is there some CSS code that I can add that will only affect this area? (http://800.9e8.myftpupload.com)

    3. I am using the MailChimp for WordPress Pro plugin and the buttons display as squared off corners instead of the typical round Enfold corners. How can I change this? (http://800.9e8.myftpupload.com in the blue band at top and in footer on this page)

    Thanks!

    #407080

    Hey robertscott!

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

    .avia_ajax_form .button { font-size: 16px; font-weight: bold; }

    Best regards,
    Yigit

    #407076
    robertscott
    Participant

    Is it possible to change the “submit button” text size and make it bold.

    Im using the built in contact form with enfold.

    Thanks

    #406967
    martinmarek
    Participant

    Hey guys,

    I’ve got a few questions about mailchimp integration into Enfold. I followed all steps in your manual and using Mailchimp for WP plugin.

    1. In all my contact forms on the website I’m using dark transparent color scheme – is there any way how to use it also for my mailchimp signup form to make it look the same?
    2. I use the one-line signup form. I slightly modified the form mark-up to accomodate four form columns (first name, last name, email and submit button) in one line but after that the submit button isn’t in line with other form colums, is slightly below. What am I doing wrong? Here’s the code.

      <p class=”first_form form_element form_element_fourth”>
      <input type=”text” name=”FNAME” placeholder=”Vaše meno” required />
      </p>
      <p class=”second_form form_element form_element_fourth”>
      <input type=”text” name=”LNAME” placeholder=”Vaše priezvisko” required />
      </p>
      <p class=”form_element form_element_fourth”>
      <input type=”email” name=”EMAIL” placeholder=”E-mailová adresa” required />
      </p>
      <p class=”form_element form_element_fourth modified_width”>
      <input type=”submit” value=”Sign up” class=”button” />
      </p>

      Thanks for your help!
      Martin

    Nkershner
    Participant

    Hi,

    I am trying to use the Enfold template on a site I’m working on. It worked for a while but I believe someone updated WordPress to 4.1.1 and it broke the theme. Here is what I have done:
    Disabled all plugins
    deleted the theme and reinstalled using WP Upload Theme
    Deleted the theme and reinstalled using FTP
    Clearing the WP Cache
    Clearing browser cache
    trying chrome
    trying IE
    Examined theme and WP files for glaring issues or non-upgrade code.

    I still can’t get it to work. It’s the same issue others have described on the boards. Spinning wheel on the advanced editor. However I have had some more issues tag along. While editing pages, I can’t click Default Editor button, I can’t click the Screen Options button. When I go to the Enfold theme options, I only get the first page – there are no option on the left side. I click on Show All Options and nothing happens.

    Please advise on how to fix. Thank you!

    Hi Elliot – I discovered the problem by deactivating all plugins and the re-activating them one by one …

    There is a conflict with a plugin called “Popup Maker” – when it is active, the easyslider is breaking.

    What popup plugin will be safe to use with Enfold? BTW, I think adding a popup feature into Enfold itself would be a really great and much needed addition !!

    ps, I also noticed, when the Popup Maker plugin was active, that I was getting a “Cannot send session cache limiter – headers already sent” error message somewhere inside Popup Maker. But the popups were still working (although the easyslider wasn’t).

    I’m happy to switch to a different popup plugin – just need something that will allow me to embed any html content into a lightbox popup when a button on the page is pressed.

    Sandie
    Participant

    Need to alter image on Single Product Page to a landscape format. Currently the image is 1/3 of the width of the page and the text beside it is 2/3. I need to flip this, so that I can display a landscape image on 2/3 width of the page, with the title and purchase button in the remaining 1/3. Can you advise the best way to do this in Enfold please?

    Alternatively, a single product page layout more like Propulsion, with the image full width, and the other elements below.

    Essentially, the square images really don’t work well with images that need to be landscape, and I’m looking for a better solution.

    • This topic was modified 11 years, 1 month ago by Sandie.
    #406590

    Hi!

    You can do this, http://kriesi.at/documentation/enfold/add-onclick-event-to-the-contact-form-submit-button/, to add some extra javascript to our contact form submit button.

    Paste the code your supposed to use here and we’ll take a look.

    Regards,
    Elliott

    • This reply was modified 11 years, 1 month ago by Elliott.
    #406425
    kevinveerbeek
    Participant

    Hi!

    How do create a header with a button and/or text on top of it?
    I want to look like the example on the demo page: kriesi.at/themes/enfold/homepage/transparent-header/

    Thanks!

    #406407
    angeloca
    Participant

    Hi, after updating to latest enfold and woocommerce, I’ve noticed that the layout of the Cart page is changed. Now the coumn of the “shipping calculator” is gone and it’s included in the “cart totals” column, and also the checkout button has been moved ad the bottom of the page… is this correct?

    thanks

    #406152

    Hi aelainen,

    love your site und really like the idea with the round graphics on the slider.
    On my devices (huge desktop und iPhone 4) the menu button is perfectly aligned.
    But I have two issues with your menu:
    The line under “CONTACT” runs out to the right. Update to Enfold 3.0.8 or use this:

    html_header_searchicon_disabled #top .main_menu .menu > li:last-child > a .avia-menu-fx {
    left: 0px; }

    If I hover “ABOUT” the highlight-line covers all menu items. Is this due to the mega-menu?

    Regards

    Eric

    • This reply was modified 11 years, 1 month ago by EricS72.
    bowmandesign
    Participant

    In Woo Commerce 2.3.5 they have updated the framework and moved the ‘Apply Coupon’ , ‘Update Cart’ and ‘Proceed to checkout’ buttons to a different locations in the code, with a better separation of design/code.

    I would like to modify the Cart buttons ‘Apply Coupon’ , ‘Update Cart’ and ‘Proceed to Checkout’

    I have read the below support post, but the CSS change did not update anything for me.
    https://kriesi.at/support/topic/switching-buttons-in-cart-woocommerce-or-enfold/

    It offered trying…
    #top .avia_cart_buttons > a:first-child {
    float: right;
    }

    I am using CloudFlare, so I purged cache and entered developer mode, but did not notice a change.

    Here is the ENFOLD out of the box placement…
    Out of the box

    Here is the desired coloring and placement, considering primary and secondary action buttons…
    Desired UX

    Thanks for all that you do, best!

    #405917

    Hey!


    @9Fcode
    , Thanks.

    I added this to our bug list so it should be fixed in the next update but in the meantime try opening up /enfold/config-gravityforms/config.php and change lines 21 – 25 from this.

    add_filter('gform_display_add_form_button', 'avia_add_gf_button_to_editor', 10, 1);
    function avia_add_gf_button_to_editor($is_post_edit_page)
    {
        return true;
    }

    To this.

    add_action( 'current_screen', 'avia_add_gf_button_to_editor' );
    function avia_add_gf_button_to_editor( $screen ) {
    	if ( $screen->base == 'post' ) {
    		add_filter( 'gform_display_add_form_button', function(){ return true; }, 10, 1 );
    	}
    }

    That should fix the errors on the other admin screens but keep the gravity forms add new form button on your pages, posts, etc. Is there any other problems that anyone is experiencing?

    Cheers!
    Elliott

    • This reply was modified 11 years, 1 month ago by Elliott.
    Tameez
    Participant

    I wanted to outline the procedure for creating a custom post type and using it with Enfold theme. So here it goes.

    Here’s how to create a custom post type in Enfold and use it for storing, categorizing and displaying galleries (photo galleries in my case). I wanted to use the portfolio type solely for my projects and needed to have another post type for galleries. And I wanted to keep the taxonomies separate as well.

    So below I have described the process for creating a CPT using a plugin and modifying the functions.php file to include some code to use the CPT. All this is based on the support I received from the Enfold team so my contribution is simply to bring it all together in one place. With many thanks to the support team, I hope you find it useful.

    Install a plugin that lets you create custom post types (CPT). I used Types. Once installed, go to it and click Add Custom Post Type button.

    You will be taken to Add Custom Post Type screen. This is where you define your CPT. Here’s what I did.

    See Screen 1:

    You could name these as you like but keep the names handy as you’ll use them later in the functions.php file.

    Once you have defined the CPT, you can scroll down to set additional settings. Make sure the profile is public and tags taxonomy is selected.

    Save the custom post.

    You’ll back at the main page of the Types plugin.

    Next click Add Custom Taxonomy button to create categories so you can categorize your work.

    Type you categories names at the Add New Taxonomy screen. See this example:

    Screen 2

    Once you have defined your taxonomies, you can save them and get back out to the main screen.

    You should have something like this:

    Screen 3

    Let’s now make changes to the functions.php file so we can use this CPT. I’ve used a child theme so the changes are made there.

    Add this code to the file:

    /* to support displaying custom post types */

    add_theme_support(‘add_avia_builder_post_type_option’);
    add_theme_support(‘avia_template_builder_custom_post_type_grid’);

    /* to display advanced portfolio setting */

    add_filter(‘avf_builder_boxes’,’enable_boxes_on_posts’);
    function enable_boxes_on_posts($boxes) {
    $boxes[] = array( ‘title’ =>__(‘Avia Layout Builder’,’avia_framework’ ), ‘id’=>’avia_builder’, ‘page’=>array(‘portfolio’, ‘page’, ‘post’,’gallery-items’), ‘context’=>’normal’, ‘expandable’=>true );
    $boxes[] = array( ‘title’ =>__(‘Layout’,’avia_framework’ ), ‘id’=>’layout’, ‘page’=>array(‘portfolio’, ‘page’, ‘post’, ‘gallery-items’), ‘context’=>’side’, ‘priority’=>’low’);
    $boxes[] = array( ‘title’ =>__(‘Additional Portfolio Settings’,’avia_framework’ ), ‘id’=>’preview’, ‘page’=>array(‘portfolio’, ‘gallery-items’), ‘context’=>’normal’, ‘priority’=>’high’ );

    return $boxes;
    }`

    Notice the “gallery-items”? They are the same we created earlier. The code also enables the Advanced Layout Editor. Save the file. That’s it.

    Now once all this is done, just create a gallery item from the Gallery Items on the left side.

    In order to display the contents in this CPT and the categories, choose your desired portfolio or masonry in a page and you’ll be presented the with some additional choices. See Below:

    Screen 4

    Now you can choose to display the post type so you can choose the newly created CPT (Gallery Items) and Gallery Categories.

    You have now duplicated the portfolio post type and all its features.

    Keep in mind that if you have existing content that used categories, you may have to change some settings, especially the categories and post types in order for them to display properly.

    Hope you have fun and find this useful.

    Regards,

    • This topic was modified 11 years, 1 month ago by Tameez. Reason: Some html coding issue
    #405373
    erantdo
    Participant

    Hi,

    http://enfold.atera.com/product-features/

    When I open this page, the buttons doesn’t loo the way I deisned them, but when I use the “Preview Changes” everything looks fine – why is that…?

    Preview: http://postimg.org/image/5ay0t6al1/
    Actual page: http://postimg.org/image/r6edryyx3/

    Thanks ! :)

    #404913

    Just a quick fix for anyone who just wants to get work done. comment out the function and filter starting at line 21 on enfold\config-gravityforms\config.php:

    add_filter('gform_display_add_form_button', 'avia_add_gf_button_to_editor', 10, 1);
    function avia_add_gf_button_to_editor($is_post_edit_page)
    {
        return true;
    }

    This will disable the “Add form” button on the avia framework screens but you will be able to edit forms again.

    #404539
    This reply has been marked as private.
    #404361
    farzadfrh
    Participant

    Hi there,

    Thanks for the great theme, Enfold

    1- I imported photography demo to the theme, and need more buttons in fullscreen slider captions, i have now 2. is there any way to add more?

    2- Actually i am working on a right to left site, on photography demo menu, the dividers lines between menu items is not complete just looks like an underline below menu item description…. how could i solve it?

    lots of thanks,
    Farzad

    #404326

    In reply to: Elemente kopieren

    Hi ThomasWitzany!

    Thank you for using Enfold.

    You can save it as Template, look for the “Template” button at the top right corner of the advance layout builder. Or switch the builder to debug mode to preview the actual shortcode: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Best regards,
    Ismael

    #404305

    Hi NaRanJiTo78!

    Thank you for using Enfold.

    This is a possible but it will require a custom modification that is beyond the scope of support. Anyway, users can always click right mouse button then enable “Mute”.

    Regards,
    Ismael

    #404226
    checkitwriteit
    Participant

    Hi Guys

    I just wondered if it was possible to create a page using the page builder in enfold but have the login username and password boxes for members to login on this page as well.

    I’ve looked at custom login page plugins but they all seem to just enable you to customise the wp-login page.

    I actually want to put the login username and password boxes on a page that I’ve created within the site so it doesn’t break the sites theme and styling.

    Ideally I’m looking to add 2 1/2 columns, then in the left hand column put the username and password box so they are full width across the half column with a full width button under to login.

    Can any one point me in the right direction with what to do that would be great. (I can do simple php and css coding from examples).

    #404211
    cworkman1
    Participant

    hi.

    thanks so much for all your help so far. i finally have a grasp on the enfold structure and hierarchies but i’m now starting to customize my main menu and i’m running into some issues.

    you can find the page i’m editing here:
    cindyworkman.com

    1. i’d like to have a full screen main menu but all the various css code snippets i’ve found on the forum posts don’t work. i’d like it to look like this – where the height of the menu remains static no matter what size the window is resized to but the L/R padding of each section (do you call this a button?) would increase or decrease depending on the browser window size. Text remains centered in each button and retains it’s size of 12px:

    cindyworkman.com/cw_images/fullscreen_menu_example.jpg

    NOTE: this image is from a photoshop comp so it looks like i might be asking for some white space on either side but i don’t want any white space. imagine the single pixel black lines on the left/right side are the boundaries of the browser chrome.

    2. I’ve used some custom css (see below) to adjust the header and the height of the menu (and perhaps what i used is wrong – it’s noted below) but i can’t seem to get rid of the 2 horizontal lines above and below the menu. i’m not even sure these lines are part of the menu – they may be part of another element (logo, logo box) that i previously hid. and as i can’t see under the hood to see what i’m targeting (like with html) it’s been hit or miss as to what element to address in my custom css.

    can you please tell me how to get rid of these? thanks.

    /*Make the logo disappear*/
    .logo { display: none !important; }

    /*Make the logo placeholder box disappear*/
    div#header_main > .container {
    display: none !important;
    }
    .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 37px !important;
    }

    /*main menu height*/
    .av-main-nav > li, .av-main-nav > li > a {
    height: 41px !important;
    line-height: 41px !important;
    }

    3. I’d like my menu be sticky BUT appear after the 1st color section and above the 2nd color section. I’ve uploaded a jpeg so you can see what i have in mind:

    cindyworkman.com/cw_images/nav_color_section2.jpg

    and yes, my intention is to have only an image with hotspots for the first color section on the page – which would go right up to the top edge of the browser chrome.

    can you please tell me how i can accomplish this?

    4. When I resize my browser window to be smaller – the menu is completely disappearing? i assume it’s going into hibernation as the browser window hits a targeted size (phone or tablet) as i have the option checked to use the mobile menu. but is there a way to see the menu ‘tablet icon’ while i’m building my page?

    thanks in advance for al your help.

    cheers-

    cindy

    #404186
    sagarbekal
    Participant

    Hi all,

    I have been developing a website using Enfold Photography theme for my client.

    I have observed that on Smartphone, it gets responsive. there is a Sidebar option button alongside the header adjacent to LOGO of the website.

    But also you can view the sidebar menu when you slide the page to left. My client doesnt like that. He just wants the menus to pop up only on clicking the menu button option on the header.
    Could you tell me how can i disable the slide option for menu,?

    PFA the link of the image showing the slide menu on smartphone

    Thanking you in advance

    rfrbase
    Participant

    Hello, I would like to know how to make just the same sort by as in this link:
    http://kriesi.at/theme-overview

    I need custom sort buttons with custom text and count just like in Kriesi main page.

    I need to use this filter on portfolio items. Please help! :)

    Thanks! :)

    #403972

    Hi,

    Thanks a lot.
    Regarding item no. 3 – I added it again – it’s the button before the footer :http://enfold.atera.com/
    I loaded the demo environment, but for some reason when I hover the button it’s not making the entire color section change the color like in the business demo: http://kriesi.at/themes/enfold-business-flat/

    #403742
    Monsoon
    Participant

    How can I increase the size of the fullscreen slider buttons? When you are using a fullscreen image or video the default button size is way too small. Is there a quick way to change the size of that button to be at least twice as big?
    Thanks in advance

    #403702
    cworkman1
    Participant

    hi.

    thanks so much for all your help so far. i finally have a grasp on the enfold structure and hierarchies but i’m now starting to customize some things and i’m running into some issues.

    you can find the page i’m editing here:
    cindyworkman.com

    here’s a break-out of the problems i’m encountering – and apologies for the length of this post but a few items seem to piggy-back on others so i thought it best to keep it all together:

    main nav:

    1. i’d like to have a full screen main menu but all the various css code snippets i’ve found on the forum don’t work. i’d like it to look like this – where the height of the menu remains static no matter what size the window is resized to but the L/R padding of each section (do you call this a button?) would increase or decrease depending on the browser window size. Text remains centered in each button and retains it’s size of 12px:

    cindyworkman.com/cw_images/fullscreen_menu_example.jpg

    NOTE: this image is from a photoshop comp so it looks like i might be asking for some white space on either side but i don’t want any white space. imagine the black single pixel lines on the left/right side are the boundaries of the browser chrome.

    2. I’ve used some custom css to adjust the height of the menu (and perhaps what i used is wrong – it’s noted below) but i can’t seem to get rid of the 2 horizontal lines above and below the menu. i’m not even sure these lines are part of the menu – they may be part of another element (logo, logo box) that i previously hid. and as i can’t see under the hood to see what i’m targeting (like with html) it’s been hit or miss as to what element to address in my custom css.

    can you please tell me how to get rid of these? thanks.

    /*main menu height*/
    .av-main-nav > li, .av-main-nav > li > a {
    height: 41px !important;
    line-height: 41px !important;
    }

    3. I’d like my menu be sticky BUT appear after the 1st color section and above the 2nd color section. I’ve uploaded a jpeg so you can see what i have in mind:

    cindyworkman.com/cw_images/nav_color_section2.jpg

    and yes, my intention is to have only an image with hotspots for the first color section on the page – which would go right up to the top edge of the browser chrome.

    4. i’d like to customize the active state background color for my menu items. currently i have adjusted the hover color in the advanced styling but there’s no option for the active state and i’m not sure what to target – i tried this code but it doesn’t work:

    /*menu background color for active section NOT WORKING*/
    .main_menu ul:first-child>li a:active {
    color: #3d3d3d;
    }

    can you please tell me what the css would be for this? thanks.

    5. When I resize my browser window to be really small – the menu is completely disappearing? i assume it’s going into hibernation as the browser window at it’s smallest size = a phone or tablet. but, that said, there’s no way to then see the menu ‘tablet icon’ while i’m building my page?

    am i correct in describing this behaviour – or is something coded wrong with my menu? and is there a way to see this tablet icon on-screen using a browser?

    header/footer overlap

    1. currently both the header and footer are overlapping my page content e.g. the color sections. how would i have both the fixed menu and the fixed footer abut these color sections? e.g. share a common edge rather than overlap?

    Footer

    1. After a lot of fiddling around using both images and/or text inside a text widget in my footer, i’ve settled on using one image (dots and copyright line) – which is what you currently see on the example page.

    when i only enter in text, it works correctly and the content is vertically aligned, but as you can see using only an image there’s more space below the image than above. how would i adjust this?

    Additionally, i’d like this image to be right aligned with a padding on the right side of 21 px. currently there’s pretty big gap there and i can’t figure out why?

    and lastly, when i make my browser window smaller, the height of the footer increases so it’s huge. how can i retain the height it is when it’s full expanded?

    and fyi: the footer’s been set to be ‘sticky’.

    here’s the css i currently have – which did adjust the height of the footer and somewhat get the image to the right side:

    /*changing the padding on the footer*/
    #footer {
    padding: 0 !important;
    }

    /*right aligning the footer text widget*/
    #footer .widget .textwidget {
    text-align: right !important;
    }

    /*making the footer sticky*/
    #footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10000;
    }

    Responsive Images

    i have been playing around quite a bit to get exactly what i want visually and behaviour-wise.

    the sample page noted above for my site (cindyworkman.com) includes lots of different variations tested to achieve my goals. for simplicity’s sake, please refer to the 1st color section and the layer slider right below this first color section as illustrations of what i’m describing below.

    currently i have a one-page site using color sections with background images. When a browser window is fully expanded i’m seeing only one color section at a time – and this is what i want. when i expand the browser window to make it wider, the image is still great. but, when i reduce the size of my browser window (height, width or both), the image is not responsive and it is not resizing.

    i saw another post where there were instructions to adjust the background image to ‘stretch to fit’ and ‘center-center’ and while this does stretch the image effectively (when a browser window’s width is made larger), it does not resize the image when the browser window is made smaller (height, width or both). and it centers the image in the color section – which for me was worse as my image was willy-nilly clipped on both the left and right sides.

    for my purposes, ‘stretch to fit’ produces a good visual result. but i also need to choose one of the fixed positions (e.g. bottom left) so i can control how my image gets clipped. in the end, how do you get this background image to responsively resize itself proportionally (based on a fixed point (e.g. bottom left)) when a browser window is made smaller or the site is viewed on a phone/tablet?

    should i be using one of the other media elements?

    i tried several other methods:

    – nesting an image inside the color section. this didn’t work – and no longer on this sample page.

    – just placing an image on the page. this also didn’t work as it created lots of surrounding white space. no longer on the sample page.

    – i tried a fullscreen slider with a single image but it also didn’t respond responsively? it behaved just like the color section described above.

    and lastly i did a cursory peek at the site on my ipad and just see a clipped image?

    what do you suggest as a solution? i’d prefer to stick with the color sections as they are easy/already coded with anchors to the various sections of the page but i’m open to anything….

    thanks in advance for all your replies and suggestions.

    cheers-

    cindy

    Hey champlainconted!

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

    .avia-button:active { border-top-width: 0; }

    Cheers!
    Yigit

    #403276

    http://kriesi.at/themes/enfold/
    :lol:
    i can see the media querie rules in the enfold css styles – and these are set to display=none in between 480px and 767px
    On lower vallues than 479px the scroll-top-link button is visible ? So my question was not how to change it – but what was the reason for that behaviour. Is the tapping statusbar not possible underneath that value ?

    #403194

    Hi potentialindia!

    Thank you for using Enfold.

    Did you create an addthis account? Add the share button codes manually. Use this on the functions.php file:

    add_filter('avf_template_builder_content', 'avf_template_builder_content_mod');
    function avf_template_builder_content_mod($content = "") {
    
    if(is_singular('portfolio')) {
    $share = '<!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
    <a class="addthis_button_tweet"></a>
    <a class="addthis_button_pinterest_pinit"></a>
    <a class="addthis_counter addthis_pill_style"></a>
    </div>
    <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51de2d2b7e09a8f5"></script>
    <!-- AddThis Button END -->';
    $content = $content . $share;
    }
    return $content;
    }
    

    Get your own button codes inside the addthis account: https://www.addthis.com/get/sharing

    Regards,
    Ismael

Viewing 30 results - 8,851 through 8,880 (of 11,220 total)