Hi charlies23,
If you are using WordPress 3.6 you must be using at least Enfold 1.9.1. So download the most recent theme files and then update your theme.
For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Regards,
Devin
You should not be needing to edit anything like that. The loop-archive.php has a single line that reads:
the_content(__('Read more','avia_framework').'<span class="more-link-arrow"> →</span>'); ?>
To WordPress, this means spit out the content and if it has a more tag then break it off there. You need to change it to:
the_excerpt(__('Read more','avia_framework').'<span class="more-link-arrow"> →</span>'); ?>
Which instead attempts to grab the excerpt first.
See: http://codex.wordpress.org/Function_Reference/the_excerpt
The reason I wanted to re-point out this step: https://kriesi.at/support/topic/enfold-archive-exceprts#post-120517 is because you should be working in the loop-archive.php and not the loop-index.php after you make that change.
Hi,
Please use the http://wordpress.org/plugins/addthis/. It doesn’t break the layout of the theme.

Refer to this link on how to add the buttons: https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header?replies=4#post-134606
Use the Text widget to add the addthis social button code on the Footer – Column widget area.
Regards,
Ismael
Hey,
This will make it look exactly like the login button. Just change the color value:
.bbp-register-link {
border-radius: 2px;
background-color: #c3512f;
color: #ffffff !important;
border-color: #c3512f;
cursor: pointer;
display: block;
height: 34px;
width: 68px;
font-size: 13px !important;
padding: 10px 10px 10px 10px !important;
margin-top: 2px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-decoration: none !important;
}
.bbp-register-link:hover {
background-color: #88bbc8;
color: #ffffff;
border-color: #88bbc8;
}
Regards,
Ismael
Thank you Devin for getting back to me, I would like to re-size orange box in height from top and bottom side.
Any Quick css coding or idea please?
Actually orange box looks very big need to resize it to bit more smaller .
Regards
Thanks for your reply, Devin. I figured that I was pushing the limits of support for this one. I would like to discuss a lot of freelance work with you soon, if you’re not too busy. As far as this is concerned, I’ve pretty much got it the way I want it.
Here’s what I’ve done so far:
/*MOVE NAVIGATION MENU TO LEFT: */
div .logo {
float: left;
position: relative;
left: 0;
display: block;
}
.main_menu {
clear: none;
position: relative;
left: 60px;
}
/*REMOVE SEARCH FROM NAVIGATION MENU */
#menu-item-search {
display: none;
}
/*REMOVE 5PX PADDING FROM TOP & BOTTOM OF LOGO */
.logo img {
padding: 0;
}
/*CHANGE THE COLOR & OPACITY OF HEADER BACKGROUND */
#header {background-color: rgba(255, 255, 255, 0.98);
}
As far as the logo, I just added a 1px border in photoshop and uploaded it.
Everything looks great, but I still need to add a Log In & Button to the right side of the header.
Any ideas? I’m using the small fixed header.
Thanks,
Benjamin
Hi pmb1007,
Please do not re-post the same question over again. We answer every single question that gets posted unless the user marks it resolved before we get the chance. Right now our response time is a little slower but its still typically under 24 hours.
Ismael answered your original topic here: https://kriesi.at/support/topic/remove-fade-in-for-first-slide#post-134942
Regards,
Devin
as previously discussed in https://kriesi.at/support/topic/mobile-menu-tablet-breakpoint
The menu is still overlapping the logo
Hi Bluebelldc,
Just for future reference our Queue system goes by oldest posted response in a topic to newest. So when you responded last it actually pushed the topic to the end of our Queue at that time.
To add in the logo to the footer you’ll need to add the html for it to the footer.php.
It will be just after this code:
<span class='copyright'><?php echo $copyright . $kriesi_at_backlink; ?></span>
and can just be regular html to include the logo image.
Regards,
Devin
Hi kriru,
Just a general FYI each time you respond to your own post it moves the topic to the end of our Queue since our queue system goes by oldest content to newest.
As for your issues, I don’t know where this image comes from or how you generated the content so I can’t say how you would change anything within it: http://screencast.com/t/Xq5OZdoY
The tags code does not have a limit on how many to display. So you will need to find a plugin that lets you choose the number of tags to display.
Individual category customization is a bit difficult with WordPress. There are no pages to edit in the WordPress admin so you need to create your own php file just for that category page and customize the page using php/html/css. See: http://codex.wordpress.org/Template_Hierarchy#Category_display
This code is on line 124 in your header.php file in the theme files:
<div id='header_main' class='container_wrap container_wrap_logo'>
It must be there or the site wouldn’t be working.
Regards,
Devin
Hi Siobhan,
I do a quick demo of that style in this video: https://vimeo.com/channels/aviathemes/64927358
Plain text over an image is going to be tough since an image needs to have very little color noise to let the text stand out. You’ll need to use either an image for the text with a dark outline on the text in the image or use an image with less contrast so that the plain text stands out more on top of it.
Regards,
Devin
Hi,
First of all thank you for these awesome tools and templates. Enfold and the avia framework are the best theme and page editor i have seen so far in WP.
I did not have any problem before but now i have encountered something what i can not explain.
I am having problem with this site :
http://aromabotanica.web-developer.hu/
I was adding a short css code to the Quick CSS box and saved. Enfold did not read any of my style settings since than, and stayed that way no matter what i try. I have tried to update the custom.css as well but it seems it does not read any of my settings i made by editing the custom.cs or by clicking things together using the WP admin>Enfold>Styling menu.
I am stuck at this point. I would appreciate a lot if you could explain why this is happening and how to prevent it.
Hello,
A modification I had made through the suggestion of the support team has stopped working after I updated WordPress and Enfold (I had been holding out on both until it seemed safe and it sounded like it from the forum). I don’t know if it’s the Enfold update or the WordPress update that’s causing this, but I’m now running WP 3.6 and the latest version of Enfold. The issue is as follows…
I had gotten rid of the portfolio preview images altogether, and opened up the preview space for other elements through a modification of this file:
wp-contentthemesenfoldconfig-templatebuilderavia-shortcodesportfolio.php
deleting this line, as suggested:
$output .= “<div class=’av_table_col first portfolio-preview-image’>”;
$output .= $images;
$output .= “</div>”;
That had been working fine for me, allowing me to place content, including video and pictures and text, spanning the entire preview space. However, even after modifying the new portfolio.php file in the same way, I’m still getting a lingering preview image, and it’s totally throwing off my layouts.
I tried to make this a followup on my original post (titled “ENFOLD – VIDEO AND AVIA LAYOUT BUILDER IN AJAX PREVIEW??”) but that discussion has been closed.
You can see what I talking about by going here:
http://omarramirez.net/cms/
and clicking on pretty much any of the portfolio items.
Please help me get the site back as it was… I’d appreciate a quick response, because this was close to going live.
I’d like to know if I’m going to have to downgrade WP or enfold to correct this.
thanks!
Omar
I’m trying to globally switch off the image hover options for my whole site but nothing seems to be having an effect.
I’m using the enfold child theme. Site is http://www.athousandunfinishedprojects.com
Have tried adding : .image-overlay.overlay-type-extern {
display: none !important;
}
to the quick.css or the custom.css but neither has an effect. Even tried deleting the .image-overlay lines from the parent base.css but nothing seems to stop the hover.
Any suggestions would be gratefully received.
Thanks
Rich
Try following css code – insert it into the quick css field
.responsive #top #header {
position: fixed !important;
}
.responsive #top #main {
padding-top: 100px !important;
}
You probably need to change the padding top value – it depends on your menu height and it can vary from website to website.
Hey,
Glad we could help. :)
You can request it here: https://kriesi.at/support/topic/enfold-feature-requests
Cheers,
Ismael
Hey,
Just add this on your custom.css or Quick CSS:
@media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
}
}
Remove browser cache then reload the page.
Cheers,
Ismael
Hello,
My name is Joseph Ingram and I am currently developing a website similar to sevenly.org using the Enfold theme.
My site can be viewed at http://modropy.org/testsite. I am using the WooCommerce plugin and am extremely satisfied with it. I do have some questions though.
1.Is there a plugin or code that I can apply that shows the total sales to date similar to the sevenly site? I noticed on the backend there is tracking of sales but is there a way I can display total sales for the week, month, year, etc?
2. Is there a plugin or code that I can apply that shows the total sales to date for a specific product? Basically I plan on showing customers how much money we have donated for the week for the specific featured product.
3. Is there a plugin or code that I can apply so that the top bar and footer display as you scroll down the page?
Any help or suggestions you can make would be great. I also don’t mind paying a reasonable price for a plugin like this to be developed.
Thank you,
Joe
SocialRookieO (Email address hidden if logged out)
Hi,
You can add video beside the main featured image. Edit the portfolio item, scroll below then look for “Add Preview Text”, switch to Text mode. Add something like this:
<a href="http://youtu.be/kYtGl1dX5qI" rel="lightbox"><img alt="" src="IMAGE URL HERE" /></a>
Don’t forget to add rel=”lightbox” to the anchor tag. This will open the video on a lightbox.
Anyway, you can request the feature here: https://kriesi.at/support/topic/enfold-feature-requests
Regards,
Ismael
Hey,
Please use this:
#top .alternate_color.title_container .main-title a {
color: red;
}
Regards,
Ismael
Hey,
1.) Please add this on your custom.css or Quick CSS:
.grid-entry-excerpt {
color: gray;
}
2.) Use this for the top level menus:
.header_color .main_menu ul:first-child > li > a, .header_color .main_menu .menu ul li a {
color: white;
}
Regards,
Ismael
Hey,
Thank you for the answer, I do not really understand the code, (But it does not change anything in my email)
If I could put an html code in autoresponder :
example:
Code:
<body style=”margin: 0px; background-color: #F4F3F4; font-family: Helvetica, Arial, sans-serif; font-size:12px;” text=”#444444″ bgcolor=”#F4F3F4″ link=”#21759B” alink=”#21759B” vlink=”#21759B” marginheight=”0″ topmargin=”0″ marginwidth=”0″ leftmargin=”0″>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#F4F3F4″>
<tbody>
<tr>
<td style=”padding: 15px;”>
<table width=”651″ cellspacing=”0″ cellpadding=”0″ align=”center” bgcolor=”#ffffff”>
<tbody>
<tr>
<td width=”649″ align=”left”>
<div style=”border: solid 1px #d9d9d9;”>
<table id=”header” style=”line-height: 1.6; font-size: 12px; font-family: Helvetica, Arial, sans-serif; border: solid 1px #FFFFFF; color: #444;” width=”96%” border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#ffffff”>
<tbody>
<tr>
<td style=”color: #ffffff;” colspan=”2″ valign=”bottom” height=”30″>.</td>
</tr>
<tr>
<td style=”line-height: 32px; padding-left: 30px;” valign=”baseline”>
</td>
<td align=”right” valign=”baseline” class=”Style1″ style=”padding-right: 30px;”>My description </td>
</tr>
</tbody>
</table>
<table id=”content” style=”margin-top: 15px; margin-right: 30px; margin-left: 30px; color: #444; line-height: 1.6; font-size: 12px; font-family: Arial, sans-serif;” width=”587″ border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#ffffff”>
<tbody>
<tr>
<td style=”border-top: solid 1px #d9d9d9;” colspan=”2″>
<div style=”padding: 15px 0;”>
<div align=”center”>!!! message autoresponder here!!!</div>
</div>
</td>
</tr>
</tbody>
</table>
<table id=”footer” style=”line-height: 1.5; font-size: 12px; font-family: Arial, sans-serif; margin-right: 30px; margin-left: 30px;” width=”587″ border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”#ffffff”>
<tbody>
<tr style=”font-size: 11px; color: #999999;”>
<td width=”587″ colspan=”2″ style=”border-top: solid 1px #d9d9d9;”>
<div style=”padding-top: 15px; padding-bottom: 1px;”>
demo demo demo demo demo </div>
<div>
Contact: (Email address hidden if logged out) “> (Email address hidden if logged out) </div>
</td>
</tr>
<tr>
<td style=”color: #ffffff;” colspan=”2″ height=”15″>.</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
so that the user receives the email can see images instead of plain text.
Thank you for your response and your patience :)
actually I want to clarify my previous post, looking at it on an ipad NOW looks great (thank you), but if i take the browser on a desktop computer and make the resolution smaller (768×1024) as an example … or simply make the browser half the screen … the navigation gets all crazy. is there a way to fix that? thank you.
I’m using Enfold with the Splash Blue styling, but want to change the title_container background color to splash blue and the font color for page titles to white.
I’ve tried the suggested techniques on various threads, including https://kriesi.at/support/topic/change-color-of-font-in-title-container and https://kriesi.at/support/topic/change-colour-of-page-titles#post-65051.
Following the advice from the threads I’ve been successful in changing the title_container background color to blue for the pages on which I want it displayed. But I’ve been only partially successful in changing the font color to white. That is, for several of the pages the font is white, but for my main blog page the font color has not changed and remains black or very dark gray.
Here is the code I’m using, which I’ve inserted in my Enfold child theme.
/*changes to the title container */
.title_container {
background-color:#2d5c88;
}
.title_container h1 a {
color: #ffffff !important;
}
I get the same result if I insert the code in the custom.css.
Here is a link to my under construction site, which I’ve temporarily activated so you can see it:
http://uufreethinker.com/blog/
If you navigate to the About page the title container is blue and the page title is white. But if you navigate to the main Blog page the page title is still black.
Very puzzling. Thanks for any help you can give me.
John
One more…where in the theme options can I change the font color used for the top level menu items? Thanks
Hi, I really like the Enfold theme, thank you!
I’m almost finished with the website but I would need the logo to be much bigger.
What can I tweak or add to have control over the logo size?
I’m using WP 3.6, Enfold 1.9.1 and the header type is “Header with Social Icons and Bottom”.
Here’s what I have in my child theme CSS so far to customize some elements:
/*phone number size*/
.social_header .phone-info {
color: #f15b2a !important;
font-size: 3em;
float:left;
margin-top: 50px;
margin-right: 130px;
font-weight: bold;
height: 30px;
line-height: 30px;
right: 100px;
top: 100px;
}
/*Main Paragraphs*/
.p_main_content {
font-size: 14px;
color: #808080;
}
/*main menu colors*/
#header_main_alternate {
background: #333333;
}
#top .header_color .main_menu ul:first-child > li a {
color: #ffffff;
}
.header_color .main_menu ul.sub-menu > li a:hover {
color: #f15b2a !important;
}
#menu-main-menu {
background: #333333;
}
#top .main_menu .menu li > a {
display: block;
text-decoration: none;
padding: 0 10px 10px;
font-weight: normal;
font-size: 12px;
font-weight: 600;
font-size: 13px;
font-family: Arial;
text-transform: uppercase;
background-color: #333333;
}
Thank you,
Aurelien
I found the bug why the arrows are not responsive:
There is this file which controls the responsive part of those slideshow arrows:
enfold/config-templatebuilder/avia-shortcodes/slideshow.php
line 272 to 279 which should add these classes to the slideshow if it’s size is <600px or <305px :
.avia-small-width-slider
.avia-super-small-width-slider
The classes are defined in: css/shortcodes.css line 2095.
The problem is that the config-templatebuilder/avia-shortcodes/slideshow.php is not adding those classes after inspecting the code preview of the page.
I tried on two different pages and uploaded many files from the new update just to make sure I have the new version.
I see it is working on your demo here:
http://kriesi.at/themes/enfold/pages/services/
One thing I will mentioned that I renamed my theme folder from enfold to 2013 before setting everything up. Not sure if this could cause that function to now work.
Thanks!
Had the same issue: https://kriesi.at/support/topic/20-bug-some-content-meta-tag-is-shown-vertically-in-no-sidebar-layout
They fixed it two days ago with the 2.0.1 update, everything is back to normal now.
If it still doesn’t work after the update (it happened to me as I was using a child theme), just switch to another theme, then switch back to your Enfold theme,
Glad we could help :)
Let us know if you have any other questions or issues. If you find bugs with the new versions please make a new topic and let us know so we can address them.
Regards,
Devin