Hey rfarthofer!
Thank you for visiting Kriesi’s support forum!
In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.
If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
You can add a Blog by placing the Blog Posts element on a page using the Advance Layout Builder. You can also set the blog page on Enfold > Theme Options > Where do you want to display blog? setting. If you have the time, try to import the dummy data. It will give you some ideas how the theme works.
Regards,
Ismael
Hi emkarp!
Open up wp-content/themes/enfold/js/avia.js and search for this line:
if(st > 50)
Replace 50 (px) with a higher value – i.e. 100 or 200.
Best regards,
Peter
Hey Barb! :)
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .main_menu, .html_mobile_menu_tablet #header_main_alternate, .responsive #header .main_menu ul, #top #menu-item-search { display: block; }
.av-main-nav li { display: none; }}
It will display search icon on mobile, but not inside mobile menu
Best regards,
Yigit
Help. Need to disable Avia Layout Builder.
Just purchased and installed Enfold.
My first experience with a visual builder. Ah … Historically I’ve made many customizations to the Home Page.
I get to the normal text editor in Posts … but can’t go to the default editor in pages.
When I click on the “default editor” button. I get the two tabs at the top of the page that say “Visual Editor” and “Text” but there is nothing in the frames. Just white space.
Spend an hour at least on this. Searched through posts here and on the main support site. Watched the video, read the documentation. No Luck. Wasting hours.
Can anyone help me?
Hey Slade!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #menu-item-search.menu-item-search-dropdown>a {
font-size: 12px;
}
Cheers!
Yigit
Hi ecoresearch!
Currently, unfortunately it is not possible. You can request feature to move arrows outside of the box or vote if already requested here – https://kriesi.at/support/enfold-feature-requests/ or hire a freelance developer to make the customization for you if you really need it
Cheers!
Yigit
Hi!
Thank you for visiting Kriesi’s support forum! In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.
If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
Thanks!
Regards,
Ismael
Hi!
1.) After adding the snippet, edit any elements on the advance layout builder and you should see the Custom CSS field.
2.) On the advance layout builder, go to the Media Elements pane, insert the Image element, then edit it to adjust the image animation.
In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.
If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
Cheers!
Ismael
I am new to Enfold (and web development in general), and struggling to figure out how to create a template page that I can use for all the posts I plan on having. Please help! I’ve spent hours searching through this forum, and tried the directions given here but I’m still not getting it.
Basically, I plan to have several different categories (or “collections”) of posts, such as:
- weekly video posts (of each Sunday’s church service)
- personal stories (some video, some with large image)
- featured resources
- events
However, I’d like all of the post pages in these categories to be styled the same way so that blog post pages dont look any different style-wise than non-blog pages. Basically I am wanting to re-create this page as my basic page template, for the entire site (other than the home page), but also specifically for these posts. Another example is here.
So, a full width 75%-of-screen-image at the top that may be either a video or a static image, with my content below. I don’t mind if the video doesn’t stretch the full width when playing, and would actually like the black boxes on either side when viewing on large screens (though I dont know how to do that yet).
I can create a page like this as a normal web page. I guess I’m really just asking: how can I have pages that are styled this way but also take advantage of the blog features of Enfold so that I can feature these pages/posts in other places (i.e. home page) using a Content Slider or some equivalent?
I also think the blog Category feature makes for a good way to organize all these posts into collections, so I want to be able to take advantage of that. Is this possible or do I need to simply build each “post” from scratch as an individual web page and organize them using menus and sub-menus?
Thanks for taking time to reply
Hi!
Please change the first code to following one
.av-main-nav > li > a span.avia-menu-text, li#menu-item-search a { position: relative; top: 30px; }
Is your logo fine now? If not, you can change the header height in Enfold theme options > Header Layout > Header Size and set custom value to 300px.
If your logo is fine, you can use the code i suggested above
Best regards,
Yigit
Hi!
1) Yes, this might cause problems if you’re just changing the url (domain mapping) without replacing the urls in the database. You can use a plugin like WP MigrateDB or WP MigrateDB PRO to replace all occurences of http://youngwomenpioneers.com/ with http://www.womenspioneernetwork.com/ in your database. Then export ther new database file, make a backup of the old database and drop all tables of the database. Then import the file you generated with the migrate plugin.
2) You can change the font size of the submenu titles with:
#top #header .mega_menu_title a {
font-size: 17px;
}
and the hover color with
#top #header .mega_menu_title a:hover {
color: #333;
}
3) Enfold does not support a Skype button and unfortunately the implementation of such a button is beyond the scope of our support forum. Maybe you can find an useful plugin here: http://wordpress.org/plugins/search.php?q=skype or hire a freelancer who can help you with the implementation.
Best regards,
Peter
Hi!
Thank you for using the theme.
Right now, you can only select the layout of the masonry element on the Size Settings. Play around with the settings to see what suits you best. Regarding the gap, configure the masonry element then look for the Gap between elements setting.
In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.
If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
Regards,
Ismael
Hey Tech!
I don’t think there is a way to do that because according to your story (if i understood right) that code only existed on your browser session.
Also, i checked your custom CSS file here and it does have some code:
#header .avia_mega_div {
left: -120px!important;
}
.fixed_header.social_header #main {
padding-top: 115px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 126px;
}
.image-overlay.overlay-type-extern {
display: none !important;
}
#s{
color: #333;
}
#searchsubmit{
background-color: #79C142;
color: #FFF;
border-color: #57A020;
}
.ajax_search_content * {
color: #333 !important;
}
#top .header_color input[type='text'] { color: black; }
/* font styling of header */
.header_color .main_menu ul:first-child > li > a { color: white; }
.header_color .main_menu ul:first-child > li > a:hover { color: white; }
.header_color .main_menu ul:first-child > li.active-parent-item > a { color: #a3a3a3; }
#top #header .mega_menu_title a { color: #2d4873; }
#top #header .mega_menu_title a:hover { color: #2d4873; }
.header_color .avia-bullet { border-color: #2d4873; }
#top .header_color a:hover .avia-bullet { border-color: #142848; }
#top .main_menu .menu li ul a { color: #2d4873; }
#top .header_color .main_menu .menu ul li>a:hover { color: #142848; }
/* artifacts */
#header_main_alternate, #header {
-webkit-backface-visibility:hidden;
}
.html_header_transparency #top .avia-builder-el-0 .container{padding-top:88px;}
Regards,
Josue
Enfold won’t seem to let me put a border on a <p></p>.
I tried creating a specific class and put it in the custom css field, and all kinds of inline styling.
Searched in the forums.
No luck. Any suggestions?
Any tips on specific styling for pages would be greatly appreciated.
Hi ecoresearch!
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
and then give your post slider element a custom CSS class and add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class { display: none !important; }
Best regards,
Yigit
Hey!
Unfortunately the magnific popup plugin is quite limited when it comes to youtube urls. The embed url is harcoded in the js source code and you can not change it with the video element or wordpress settings. If you want to add additional parameters like the rel=0 parameter open up wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js and search for:
//www.youtube.com/embed/%id%?autoplay=1
Add your custom parameters to this url – i.e. like:
//www.youtube.com/embed/%id%?autoplay=1&rel=0&autohide=1&showinfo=0&fs=1
and save the jquery.magnific-popup.min.js file. Afterwards the lightbox should load the right player based on the parameters you added to the url.
Best regards,
Peter
Hallo,
mit Hilfe des Plug-Ins Zen-Menu-logic nutze ich auf meiner Homepage zwei unterschiedliche Menüs.
In der Menü-Leiste “Enfold Main Menu” wird die Lupe wie gewünscht oben rechts angezeigt.
Bei meiner selbst angelegten Menü-Leiste jedoch nicht. Besteht die Möglichkeit diese einzufügen?
Vielen Dank.
-
This topic was modified 11 years, 7 months ago by
fwbecker.
Hi, I made sure that I did a lot of searching before posting this request. I was not able to find anyone who has already asked about this:
How can I hide the Enfold Admin Theme Options from the WP Admin backend? I do not want to disable any part of it. I just want it completely hidden and only accessible by typing in the right URL ( http://www.yoursite.com/wp-admin/admin.php?page=avia ) I came across this post and many others like it: https://kriesi.at/support/topic/hide-settings-code-help/ but these appear to only show you how to comment out certain sections of it. I want the link completely gone from the side menu. I have already learned (from searching) how to remove it from the Admin bar. Thanks for your help!
This reply has been marked as private.
Hi Arran!
1) Please try to use the Codestyling plugin to translate or change existing text strings. Download and install the plugin ( http://wordpress.org/plugins/codestyling-localization/ ), go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and select your language and click on “Rescan” to search for all text strings. Afterwards click on “Edit” and translate/change the text strings from the “avia_framework” textdomain (i.e. search for “read more” and in the right column insert “Keep Reading”). At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).
2) Which blog layout do you use? You can deactivate the image link with css code (which may vary based on the blog layout). For the default layout you can use this code – insert it into the quick css field:
.single .big-preview.single-big {
pointer-events: none;
}
Cheers!
Peter
Hi mhauslaib!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#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 { color: white; }
Regards,
Yigit
When creating a manual order, when you type in a product name you receive a list of pages from the website and a few products. I contacted Woocommerce and changed the theme and the issue was solved. when we changed back to the Enfold theme the problem reappeared.
Hey guys, loving the enfold theme.
Kind of new with themes and wordpress but can get around pretty decent and quickly learning.
I’m building a page for a church and want to get a section for upcoming events.
I’ve done some searching but didn’t find any real leads to what’s the best for this type of thing.
I love how the events are listed out here: http://www.summitrdu.com
You’ll see the events at the bottom left.
Is that something i can do with the theme or would I need a plugin or widget for this?
Thanks in advance!
Nate
Hi!
1- Please go to Enfold theme options > Header Layout > Extra Elements and uncheck “Append search icon to main menu”
2- Please add following code to Quick CSS in Enfold theme options under General Styling tab
ul#avia-menu { width: 41%; margin: auto; }
@media only screen and (max-width: 1340px) {
ul#avia-menu { width: 48%; }}
@media only screen and (max-width: 1140px) {
ul#avia-menu { width: 54%; }}
3- Please go to Enfold/Includes folder and helper-main-menu.php file and find
if($headerS['header_social'] == 'icon_active_main' && !empty($headerS['bottom_menu'])) echo $icons;
and add following code right below it
get_search_form();
and adjust its position using following code in Quick CSS field
#header form#searchform { top: 10%; left: 40%; position: relative; }
Best regards,
Yigit
Hi Gabe!
Please go to Enfold theme options > Header Layout and choose to display “Logo left, menu below” and then let us know so we can provide you custom CSS code to center the menu.
It is not easily possible to move search icon next to your logo, but with modifying helper-main-menu.php file in Enfold/includes folder, it is possible to add a search box.
Best regards,
Yigit
Hi
I am just starting a website using Enfold and am stuck fairly quickly. I have been trying to resize the logo but no matter what I try it is always the same size. I have searched the forum and there are a few threads on this saying to use the quick css field, but that doesn’t seem to work either. I just want to make the logo about 50% bigger, do I need to increase the size of the menu area?
Any help would be greatly appreciated.
My site is – http://www.earlybirdracingclub.com
Regards
Rob
Hey!
Some Enfold theme files were missing on your server. I re–installed the theme and it should work now. I did a quick test and rthe button color changed .- i.e. the search button http://thestandardblog.com/?s=
Cheers!
Peter
Hey resbangkok!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.search .sidebar { display: none !important; border: none!important; }
.search .container .nine.units { width: 100% !important; border: none !important; }
Best regards,
Yigit
This reply has been marked as private.
Hi,
How is possible to customize the search page without modifying the core of the theme?
I would like to have a page like this but with no sidebar:
http://kriesi.at/themes/enfold/?s=
Regards,