-
Search Results
-
In reply to: Button in Header
Sure, insert your button code above following line:
echo "<div class='main_menu' data-selectname='".__('Select a page','avia_framework')."'>";I.e. use following code:
echo '<div class="avia-button-wrap"><a href="http://kriesi.at/themes/enfold/features/" class="avia-button "><span class="avia_iconbox_title">Learn more...</span></a></div>';
echo "<div class='main_menu' data-selectname='".__('Select a page','avia_framework')."'>";and replace the link and the text “Learn more..” with your custom values.
In reply to: Enfold Feature Requests
REQUESTS ORGANIZED FROM BELOW ( A star is 1 person asking, a number is the number of people asking for feature)
Those of you who were asking for ability to use Layout Editor with Custom Post Types or Posts, please view this video tutorial which shows how to do just that -> https://vimeo.com/channels/aviathemes/64996057
*) Layout Builder Element – an element that is 100% wide, so that text media entered into it will be 100% wide from side to side.
*) Layout Builder Element – Special Heading Element – ability align right or center through a dropdown
*) Layout Builder Element – Option for Iconbox and Iconlist to chose whether you want Title , Icon and/or Entire Box to be the link
*) Layout Builder Element – Custom color for “Special Heading” element. Atm only “Default Color” and “Meta Color” are supported.
*) Layout Builder Element – Allow excerpt/pre-set number of characters to be added from a post or page via layout builder with a ”read more” link., instead of only being able to add the content of an entire page (inside a column for example)
*) Layout Builder Element – Ajax Search – Provide as a page builder element or/and as a widget to use in sidebar
*) Layout Builder Element – Lightbox-option for the image media-element would be perfect :-)
3) Post/Page Layout – integrate a javascript timeline component, such as the one from VeriteCo.
3) Post/Page Layout – Masonry Blog/Portfolio Layout – more layout options for Blog, possibly masonry/magazine type layout, etc.
*) Post/Page Layout – Ability to add Author Box to Every Post even when not multi-author blog format. (multi-author format has the page too narrow compared to single author format)
*) Post/Page Layout – wishlist functionality – some eight months before xmas ;-)
*) Post/Page Layout – easily add a button in the header (important for companies with 1 product / service http://www.getfanba.se)
*) Post/Page Layout – Ability to choose either pagination or infinite load on same page
3) Portfolio – Ajax Portfolio functionality
2) Portfolio – Masonry Layout option (free floating with different image sizes)
*) Portfolio – customize the Archive slug for portfolio items so if single slug set to “lesson”, the archives would be “lessons” (instead of portfolio-items/)?
*) Portfolio – Ability to set custom url when featured portfolio item is clicked in the portfolio grid to open a different page than the portfolio item page.
*) Portfolio – Add Portfolio grid as a widget.
*) Portfolio – Choices Theme style hover effect, where the hover overlay follows the cursor movement
2) Sidebar – Option for custom horizontal separator lines between widgets in sidebar etc. like the one as on gennis
*) Sidebar – Colored Section that works with side bar not just full width.
3) Widgets – Google Maps – ability to adjust height + more control / flexibility with aditional fields
*) Widgets – More title options for widgets
*) Widget – Social Media Widget for footer
4) Layout Builder – Add layout builder to Posts
4) Layout Builder – CPT Support – For Avia framework to recognize custom post types so that can use Pagebuilder on those pages, change sidebars at will, etc.
2) Text Editor – Option to have a link for both quick view and detail view. Some users may want the option to go directly to the detailed view.
*) Text Editor – Support for javascript in the text editor: https://kriesi.at/support/topic/script-code-in-avia-layout-builder
*) Shortcodes – for icons: https://kriesi.at/support/topic/icon-in-special-heading-section-or-icon-shortcodes
*) Shortcode – Breadcrumbs – as a short-code where it can be placed at top of the page above title. Difficult to find breadcrumbs when aligned to the far right.
*) Contact Form – additional field types to contact form (e.g. date picker, pick-list, drop-downs, etc.).
*) Contact Form – Have the contact form auto scroll to the top of the page or go to #top after submit
*) Images – Wide featured images in blog posts that are scaled to the entire available width, rather than pushed to the left of the text.
*) Images – Fullscreen background images / galleries with optional captions and/or minimal content boxes
*) Icons – Add YouTube to the social icon list
*) Icons – Option to have different hover icons and hover styles.
*) Menu – Control over main menu fonts/size/colour without using CSS
*) Menu – Ability to use Entypo icons within menu items
3) Headers – Small fixed header with social icons and menu. With the option to have just the header (logo + menu) part fixed and shrinking.
2) Sliders – Portfolio/Blog Slider Navigation Arrows only show up during hover so user may not know there is more unless they hover first. (arrows below slider)
*) Export Ability – ability to export Enfold “Styling” options. Too easy to click on one of the presets, and all of the custom changes you made are gone…
*) Newsletter – integration with newsletter (mail chimp) and integration with contact form + newsletter sign-up panels + login area.
*) Links – Ability to select if link should be opened in a new window or in same window for (example: social etc.)
*) CSS – Make sure that custom.css is the last css file in head
*) Audio Support – Like incarnation http://kriesi.at/themes/incarnation/event/sunday-prayers-2
*) Events Calendar – Like Incarnation http://kriesi.at/themes/incarnation/events
*) Bug – validation to work for additional fields (only seems to work if you use the default form fields)
*) Bug – Image alignment dropdown option to work in 1/3 column layout (doesn’t move the image at all, whichever alignment I choose; image is smaller than column width, so there is room to align)
up to Peter’s post on 4/28
Topic: Enfold Feature Requests
UPDATE: Since this thread is growing too big to keep track of all the requests I have decided to try to use our feedback box again. You can submit new ideas and vote on existing ones here now: https://kriesi.at/support/enfold-feature-requests/
———————-
Hey guys! We are getting quite a few feature requests for the theme already and since I want to make the theme as complete as possible I will accept requests here and update the initial post on what is planned next.
So far requested and accepted:
- Magazine-like Elements for the Template Builder listing Posts from various categories
- Accordion Slider
- Newsletter Integration Element (probably Mailchimp or Campaign Monitor)
- One Column Portfolio Option
- Sortable rows in Table Builder
Considering:
- Chart Element
Already added:
- Collapsible Menu in Mobile Mode
- Improved/Refined Header Options
- Theme Setting Import + Export
- Print CSS
- RTL Language Support
- Fullscreen Google Maps Element
- Better Video Support for Slideshows
- Improved Parallax options
- Make the template builder play nice with previews
- Masonry Element for Blog, Portfolio, Images, Products
- Better Font Icon Management
- Method of adding custom icon fonts to the template builder (which allows you to add custom icons like youtube, xing etc)
- Improved Default Iconfont with more social Icons
- One Click Updates from Backend
- Content Slider Element
- Client/Partner Element
- Offset for Blog Grid Element, so users can build creative Magazine Pages
- Google Maps widget Improvements (height settings)
- Datepicker for Form Generator
- Woocommerce Compatibility
- Theme now supports boxed and stretched version
- Section and other fullwidth elements now get a unique id so you can build one page portfolios
- Option to remove footer widgets
- Scroll to top button
- addition of new mobile dropdown menu
- addition of extra large responsive width
- Copyright can be edited with a form filed in your backend
- Added a sticky social header option
- Added option to add phone number to header
- Option to edit footer text in the backend
- Lightbox for Image element
- SEO updates like microformats for breadcrumbs, team elements, better heading structure etc
- Portfolio with Ajax Preview
- Add options for Portfolio overview to link to any target url
- Fullscreen Parallax Slideshow
- Add option to add a link for Titles of Elemens like Iconbox and Iconlist
There is no ETA for any of these but they will definitely come :)
Upcoming:
Version 2.7 – Magazine ElementsHi,
Since people asked here is how to add a button to the Fixed Header with Social Icons and Additional Navigation.
The button http://www.clipular.com/c?9784008=vDuclwRmVGaUtEsvJE5OhIUqBHQ&f=.png
The button when fixed header shrinks http://www.clipular.com/c?9782007=1ngiPM6XB_EChXBaoJWkUftEaSo&f=.png
The only thing you need to add manually is the url where the button takes you, and the button’s label.
==========================================
1) In header.php find line 157 that looks like
<!-- end container-->and replace it with the block below. Inside this block you will need to add the url where the button should take people who press it in place of http://URL which should be in the format: http://www.domain.com/page/ .. and also replace PRESS ME with what you want the button to say. To change the button color change avia-color-red in the css below to blue, or green, etc..
<div class="avia-button-wrap avia-button-right" style="margin-top: 39px;" >
<a href="HTTP://URL" class="avia-button avia-color-red avia-size-small avia-position-right ">
<span class="avia_iconbox_title">PRESS ME</span>
</a>
</div>===============================================
2) Open up /js/avis.js and find the function on line 809-847 called
function avia_header_size()and replace that entire function with the one below
function avia_header_size()
{
var win = $(window),
header = $('.fixed_header #header'),
logo = header.find('.logo img'),
elements = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),
el_height = $(elements).filter(':first').height(),
isMobile = 'ontouchstart' in document.documentElement,
scroll_top = $('#scroll-top-link'),
element_button = $('.avia-button-wrap.avia-button-right'),
set_height = function()
{
var st = win.scrollTop(), newH = 0, newTopMargin =0;
if(st < el_height/2)
{
newH = el_height - st;
newTopMargin = 39;
//header.removeClass('shadow');
}
else
{
newH = el_height/2;
newTopMargin = 10;
//header.addClass('shadow');
}
elements.css({height: newH + 'px', lineHeight: newH + 'px'});
element_button.css({'margin-top': newTopMargin + 'px'});
}
if(!header.length) return false;
if(isMobile)
{
return false;
}
win.scroll(set_height);
set_height();
}3) Add this css to you /css/custom.css or to Quick CSS
.main_menu {
right: 80px;
}
.avia-button-right {
display: inline-block;
left: 28px;
position: relative;
float: right;
}
@media only screen and (max-width: 767px) {
.avia-button-right {
left: initial;
position: absolute;
top: 89px;
right: 9px;
}
}That’s it.
Thanks,
