Hi
I have single blog author, big preview. I believe this is the layout on the demo site at this page?
http://kriesi.at/themes/enfold/blog/
It looks the best to me. I like how when you click read more it shows the rest of the post and opens it
On my version http://www.capelliremi.co.uk/blog/
I can’t get it to quite look the same. Any advice on what I am doing wrong? At the moment it’s just simply showing the entire blog post
Hi Ship-ST!
Thank you for using our theme.
Try to put in custom.css or Enfold->Styles->Quick CSS field:
.single #main .content .entry-footer{
float: left !important;
}
Regards,
Günter
Hi!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.avia-section {
background-size: cover;
}}
Best regards,
Yigit
Simple.
I would like to know how to build content and media elements for use within the avia page builder. We needed a couple simple modifications for the masonry view, so it actually displayed items in the correct order and Werkpress came back with $150/hour. That might be okay for large corporations, but for smaller projects, it is crazy. While I could dig in an learn by example, I was asking if there were guides, so that people could start to expand the capabilities of Enfold’s avia page builder. One of the best ways to make something indispensable is to make it extensible, so it can fit into anyone’s needs, much in the same way as the Avia page builder did for WordPress themes when it came out. I want to take it further.
Hey Knut!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .widget_nav_menu li {
border: 1px solid #e2e2e2;
border-bottom: none;
padding: 3px;
}
#top .widget_nav_menu li:last-child { border-bottom: 1px solid #e2e2e2; }
Cheers!
Yigit
Hey Ben!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1140px) and (min-width: 768px) {
body div .avia-testimonial {
float: left;
width: 100%!important;
border: none!important;
}}
Cheers!
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#av_section_2 input.button { background-color: #9ef2e0!important; border: none!important; margin-top: 25px; margin-left: 10px; }
#av_section_2 .avia_ajax_form p { width: 22%; clear: right; }
.avia_ajax_form .form_element_half { width: 37.5%; }
Cheers!
Yigit
Hi Fadhli!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
#bbpress-forums div.bbp-reply-author { float: none; margin-bottom: 10px; }
.bbp-reply-author:before { display: none; }}
Cheers!
Yigit
Hi,
I’m having problems adding an HMTL Banner to my website. Here’s the code:
<div id="allianzBannerEmbed">
<script src="http://allianz-vor-ort.de/js/allianzTeaserEmbed.js" type="text/javascript"></script>
<script type="text/javascript">
embedSWF("7383", "728", "90");
</script>
<div id="container" style="width: 728px; height: 90px;">
<div id="flashcontent"><script type="text/javascript">embedGif("7383");</script></div>
</div>
</div>
I tried to put it in the code-section and a text-section. Non of these worked.
Regards
Damian
This reply has been marked as private.
Hey ShortieD!
You can give unique ID to your color section elements – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
then please add following code to Quick CSS in Enfold theme options under General Styling tab
div#your-custom-id {
height: 50px;
min-height: 50px;
}
Cheers!
Yigit
Hey ShortieD!
Please go to Enfold theme options > Advanced Styling and edit “Main menu links”
Best regards,
Yigit
Hi Peter,
Added the code to the child theme but got this error: Parse error: syntax error, unexpected ‘{‘, expecting T_STRING or T_VARIABLE or ‘$’ in /home/ufitkitc/public_html/wp-content/themes/enfold-child/functions.php on line 3
Don’t know much about php coding so can’t spot the error myself.
Cheers.
Hi ShortieD!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block;
}}
Best regards,
Yigit
Hi,
I have a section on my page where I show 6 pictures with respective texts side by side.
like this:
picture text
text picture
picture text
————————————————————————————–
now when the viewport is reduced to smartphone view
following happens:
picture
text
text
picture
picture
text
————————————————————————————–
but I would like to have it like this:
picture
text
picture
text
picture
text
————————————————————————————–
I know I could change the DOM order by using jquery within a media query
But is this the best solution and can I do this from within a code segment in avia?
Or how can I tell Enfold to build the desired sequence by other means?
Cheers,
Marc
-
This topic was modified 11 years, 7 months ago by
mw75.
Hi!
You are using an older version of the theme. Please update Enfold to the latest version 2.9.1 via FTP – http://vimeo.com/67209750
Please note that you may need to re-configure header options – http://vimeo.com/channels/aviathemes/91837491
Cheers!
Yigit
Hi there
I have recently taken over this website built on the Enfold theme. Having searched through the code/pages I can’t find where to add the slider so that it displays (it is in place on the page but now showing).
http://www.cleggettwines.com.au/news/media/
I would like it to appear like the rest of the pages eg. http://www.cleggettwines.com.au/accommodation/
Is there a way to change the path too? The breadcrumb path is: You are here: Home / News / News (yet the URL is: http://www.cleggettwines.com.au/news/media/
Any assistance would be greatly appreciated.
Kind regards
Alan
Hi Tom! :)
Thank you for choosing Enfold!
No, demo site and dummy content is not identical. That is because Kriesi does not have the permission to distribute all the images shown on the demo site.
If you have any other questions or issues, feel free and post them here on the forum and we will gladly try to help you!
Regards,
Yigit
Hi!
Yes it is possible. Please see Enfold documentation for more information – http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/
Regards,
Yigit
Hi,
I’m pretty new to this so apologies for asking a question that’s probably pretty obvious.
Anyway, using the Enfold theme is it possible to develop my website content locally and then upload the whole thing – theme and content – to my hosting provider?
Hi victor!
Please add following code to Quick CSS
1-
span.avia-menu-fx {
display: none;
}
2- Please go to Enfold theme options > Advanced Styling and edit “Main menu links”
Regards,
Yigit
Hi guys,
I’ve downloaded the Enfold template and installed on a fresh Microsoft Azure 3.9.2 WP instance.
Followed the basic instructions of copying the theme to the correct location but notice a few things:
1. The import didnt work, It broke the first time, had to run it twice that duplicated my menu item
2. The footer wasnt the same as the demo at all and I had to play with it a little even just to get the colour.
Should I assume that the theme and the import package meant to generate the exact demo site? You can view it here: http://rcpweb.azurewebsites.net/
Thanks.
Tom
I am trying to install Enfold on WAMP/Local Host. I am trying to add the theme through WP – Appearance – Add New – Upload Theme. I am selecting the enfold.zip file. Just the theme file not the rest. I have downloaded the installable files only and the other file with everything. Neither works. I get the error message Are you sure you want to do this? Please try again.
I have tried other themes without issue on this install. Any ideas? I have never had this problem with WordPress before.
Hi Josue,
I’ve bin testing and editing. When I change the code in firebug, it does works and hides the icons. The original place of the css is in layout.css. When I enter the code in that file, then is does work in all browsers. The only thing is, when I update your template, there is a possibility that layout.css gets overwritten.
This is the code right now, which is in style.css in the child-theme and inlayout.css in the enfold theme.
.template-blog .blog-meta {
display: none;
float: left;
margin-right: 50px;
}
.image_size_widget .news-thumb {
display: none!important;
height: 36px;
width: 36px;
}
Is it a possible to add a new layout.css in the child-theme which only have above code in it?
I’ve added it to the quick-css panel and this works fine. Removed the code from layout.css. Still prefer all extra css in one file.
Still it’s strange that it doesn’t get overrided in the child-theme’s style.css…
Regards,
Erwin
-
This reply was modified 11 years, 7 months ago by
Erwin. Reason: new information
Hi!
You can adjust the opacity of image overlay using following code in Quick CSS field in Enfold theme options under General Styling tab
.avia_transform a:hover .image-overlay {
opacity: 0.5 !important;
}
and adjust its colors with following CSS code
span.image-overlay-inside:before {
background-color: red!important;
color: orange!important;
}
Best regards,
Yigit
Hi MediaKris!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#footer .flex_column:nth-child(1) {
background-color: red;
padding: 10px;
}
#footer .flex_column:nth-child(2) {
background-color: orange;
padding: 10px;
}
#footer .flex_column:nth-child(3) {
background-color: green;
padding: 10px;
}
#footer .flex_column:nth-child(4) {
background-color: blue;
padding: 10px;
}
Cheers!
Yigit
Hi!
Please firstly turn on Custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give elements you would like to have a background color an unique class. Then add following code to Quick CSS
.your-custom-class { background-color: #efeeee; padding: 10px; border: 1px solid #888; }
Cheers!
Yigit
Hi Cloudspace!
Enfold is compatible with Gravity Forms but you are going to need to install it separatly :)
Cheers!
Yigit
Hallo nach Österreich , hi to Austria,
i love your theme and your Visual Editor. But as i tested and (also read in this forum)
the parallax scrolling and also fixed image Option is not working with the actual Theme Release
on the iPad.
In time of “mobile First” Website-Generation this is a absolutly need for a graphic-orientated Designwork.
That it will work in your theme, i can see it on websites like :
http://www.westcobbdiner.com/
And as i read, Kriesi had deactivetad this features, because of some issues.
https://kriesi.at/support/topic/parallax-was-working-on-ipad-2air-but-not-after-latest-enfold-theme-update/
But please, please , please, let this deactivation as an option for us devoloper, so i can deactive this
by my self, so i can choose the need against bug problem by myself. Actually i have two customers, where
i cannot use your theme because the parallax scrolling effect is a company-info-transporting function.
Is there any workaround , hack , quick-css possibility to re-avtivate the features ?
Best regards
Jochen
PS: working for the ios update cannot be a solution.