Hi Jason!
Did you declare $avia_config at the very top?
Your Child theme functions.php should look like this:
<?php
global $avia_config;
$avia_config['layout']['fullsize'] = array('content' => 'twelve alpha', 'sidebar' => 'hidden', 'meta' => 'two alpha', 'entry' => 'eleven');
$avia_config['layout']['sidebar_left'] = array('content' => 'nine', 'sidebar' => 'three alpha' ,'meta' => 'two alpha', 'entry' => 'nine');
$avia_config['layout']['sidebar_right'] = array('content' => 'nine alpha', 'sidebar' => 'three alpha', 'meta' => 'two alpha', 'entry' => 'nine alpha');
Regards,
Josue
Hi foreigner!
The intention is to use the links on buttons to direct the user down to the anchors of each color section. You can add the idea of a down arrow to the feature request topic however as it would need to be added in as a full fledged feature to have the same smooth integration:https://kriesi.at/support/topic/enfold-feature-requests/
Cheers!
Devin
Hi!
Have you tried to deactivate existing plugins? JS conflicts are usually cause by third party plugins. Please deactivate them first.
Regards,
Ismael
For some reason all of our contact forms stopped working. The forms themselves are still present, but they are not sending as they should. I have made sure that the theme is updated to the most recent version, as I thought that might have been an issue.
Is there another step that I can take to make sure that they are working properly?
http://www.wjoffice.com
Thank you,
JT
On this page, I have mega menus with forms and am trying to bring them to a z-index above the title bar image (currently set to z-index:1000;). I can’t determine what to target to bring to the top.
The mega menus are under Devotions, Blog Subscription, Members and Mailbox.
Thank you in advance.
Matthew
-
This topic was modified 12 years, 2 months ago by
matthewmagee.
The Enfold theme comes with a top (or “Up”) arrow. How can the reverse–a “down” arrow–be done? As one example, note the action of the arrow on the following site: http://www.google.com/nexus/5/ You can see a similar effect on many sites (e.g., medium.com). This would be especially useful for people using the FullScreen slider. If it can’t be done, is there a similar alternative for the FullScreen slider?
Thanks!
Hi!
That kind of functionality is just not available in either the plugin or the theme.
You can use media queries to hide content on desktop and then show it on mobile and the opposite but it will still load into the page.
Best regards,
Devin
Not really. It doesn’t work on the iPad in Portrait view. This is usually so simple with WordPress. Can you give me some guidance?
Hi,
I would like to do something similar to what the slider on this website looks like http://salleedesign.com/home/
Is there a way to do it in enfold?
thx a lot
Hi!
Changes are done. Please review your website. I made some small changes on the custom CSS code i posted here https://kriesi.at/support/topic/icon-animation-not-working-in-footer/#post-215943
Best regards,
Yigit
Website is here:
http://www.thisistouch.com/testing
can’t tell if the logo is full size or not there, but the scrolling is better.
Since I changed the padding on the logo, the logo on the mobile is a little small –
want it still with the slide out menu next to it on the top.
Hey!
Please add following code to Quick CSS as well
body div .first { margin-top: 0; }
Regards,
Yigit
Hi simonac!
Please add following code to Quick CSS in Enfold theme options under Stylling tab
#top .main_menu .menu>li:last-child>a { padding-right: 15px; }
.header_color .main_menu ul { background-color: rgba(74,74,74,0.7); }
0.7 in background color is opacity. You can adjust it between 0-1
Regards,
Yigit
Hi Tobi!
Can you try cut&paste all custom CSS code that we have provided you in this topic out of Quick CSS ( basically undo – sorry ) and go to wp-content\themes\enfold\js folder and open Avia.js file and find
if(st < el_height/2)
{
newH = el_height - st;
header.removeClass('header-scrolled');
}
else
{
newH = el_height/2;
and change it to
if(st < el_height/1.25)
{
newH = el_height - st;
header.removeClass('header-scrolled');
}
else
{
newH = el_height/1.25;
Initial size of header will be 88px and will be resized to around 70px when scrolled down. You can adjust 1.25 value to adjust it as needed. It was not so clear to me until your last post. I believe that will do exactly what you are asking for
Best regards,
Yigit
Hey hughjames!
Please go to wp-content\themes\enfold\js folder and open shortcodes.js file and find
big_prev.stop().animate({opacity:0}, function()
{
big_prev.html(next_img);
big_prev.animate({opacity:1});
and change it to
big_prev.stop().animate({opacity:0.5}, function()
{
big_prev.html(next_img);
big_prev.animate({opacity:1});
Best regards,
Yigit
Hi!
You can add a margin to the read more link – add following css code to the quick css field and increase/decrease the margin value if necessary:
.slide-entry-excerpt .read-more-link{ margin-top: 10px; }
Regards,
Peter
Hey Jasmer!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .social_bookmarks li { border-right-style: none; }
Best regards,
Yigit
Thanks, I’ll try this.
But how can I show different content when I am on a mobile screen? I understand that using the method above I can have different sliders on mobile and desktop. However layersliders are just not responsive, text gets too small and videos have similar issues.
How can I have the layer slider appear on desktop, but have different ALTERNATIVE content on mobile? By different content I mean a text box or similar, just not another layer slider.
Many thanks for your help.
You can see one of the pages here – http://natureslens.co.uk/forums/topic/welcome/
The nice bubble surrounding the topic or reply is missing and the arrow appears to be misaligned at the top of the page
Hey dhunter413!
Since each of those is a icon list item it has the padding below it. So you can add this to your QuickCSS in your styling tab of the theme options:
#top.home #av_section_1 .avia-icon-list li {
padding-bottom: 0;
}
Which targets that specific section and removes the padding.
Regards,
Devin
This reply has been marked as private.
Hey Ismael
Bravo !!!
I played around with the code you gave me, which made me realize that I could just add “#top” to the code I had tried to use.
Here’s what worked:
#top .wpcf7-form #cf7
{
height: 40px;
width: 100%;
border-radius: 2px;
}
Here’s a link to the page:
http://padmayoga.dk/wp/tilmelding/
Thanks a lot!
Oh, now I see. Because as I understood from your reply here, that it listed the pages only in the default language (instead of current language, or maybe when you refer to current language you mean default language?) because users requested this behavior, and that it is not a bug.
We will try to re-install WPML or deactivate other plugins.
Thanks,
Lior
Hey yogananda!
Can you please give us a link to the actual contact page? You can add this on Quick CSS or custom.css:
#top input[type="text"] {
max-width: 100%;
min-width: 300px;
}
Adjust the minimum width value if necessary. Use this one to adjust the border radius:
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
border-radius: 5px;
}
Cheers!
Ismael
yeah, it doesnt work. I can set the css media queries for my iphone and ipad (portrait and landscape) just fine, but for desktop large screens it doesnt work…
Hey karlbaz!
You can use this on Quick CSS to remove the rounded borders:
.small-preview {
border-radius: 0;
}
Use this to add some border:
.main_color .small-preview {
border: 1px solid red;
}
This is the selector for the dashed line:
.single-small .post_author_timeline {
position: absolute;
top: 0;
left: 40px;
width: 1px;
height: 100%;
border-right-width: 1px;
border-right-style: dashed;
}
Regards,
Ismael
This reply has been marked as private.
Hey!
Please try removing jQuery Migrate plugin and check if that helps
Regards,
Yigit