Hey M|C,
When adding class in the menu (via Appearance > Menus) it would be added to li tag, still try to add a unique class to it, for example popup-link-wrap then add this code at the bottom of functions.php:
function add_custom_script(){
?>
<script type="text/javascript">
(function($){
function myfunction() {
$("top").find(".popup-link-wrap a").addClass("your-class-here");
}
myfunction();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
Just replace your-class-here with the name of the class you want to use.
Best regards,
Nikko
-
This reply was modified 9 years, 3 months ago by
Nikko.
Hey mcraig77,
Try adding this code in Quick CSS (located in Enfold > General Styling):
.av_one_fifth .av-special-heading {
margin-top: 12px;
}
Let us know if it helps. :)
Best regards,
Nikko
Hello,
Can you please tell me, what is the easiest way to place CTA button into the slider http://imgur.com/a/drx1R
NB: and is it possible to only show it on desktop?
Thanks.
Hi,
Try adding this code in Quick CSS:
#top .embed-youtube iframe {
height: 360px;
}
If that doesn’t work try using this instead:
#top .embed-youtube iframe {
height: 360px !important;
}
Hope this helps. :)
Best regards,
Nikko
Hi,
1. Try adding this code in Quick CSS(located in Enfold > General Styling):
#top #avia-menu .sub-menu, #top #avia-menu .sub-menu li a {
background: transparent !important;
}
#top #avia-menu .sub-menu li a {
color: #fff;
}
2. In Enfold > Header > Extra Elements > Phone Number or small info text just use this format:
<a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a>
Or you can use the one I placed in the “private content”.
Hope this helps :)
Best regards,
Nikko
Hey mcraig77,
Try adding this code in Quick CSS (located in Enfold > General Styling):
#top .avia-menu.av_menu_icon_beside {
border: 0 !important;
}
Let us know if it works :)
Best regards,
Nikko
Dear Ladies or Sirs
I want to use the Google Map but I only get a white screen.
I went to the WP-Backend “Enfold Options” to insert my Google Map Key and expected to see a menu item “Google Services” (below “Newsletter” and above “Shop Options” as my tutorial shows at http://kriesi.at/documentation/enfold/how-to-register-a-google-maps-api-key/ – at the very end of that page).
I tried to enter the code snippet (as described in https://kriesi.at/support/topic/content-element-google-maps/#post-656399) in the functions.php – no change.
What did I do wrong?
thanks a lot
Hi,
Great, glad you got it working and thanks for sharing. Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi!
Thank you for the update. Please try the following code in the functions.php file:
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
function a() {
var select = $('#top .entry-content-wrapper select');
select.css('color','#ffffff');
select.change(function() {
var current = $('#top .entry-content-wrapper select').val();
if (current != 'null') {
select.css('color','#000000');
} else {
select.css('color','#ffffff');
}
});
}
a();
})(jQuery);
</script>
<?php
}
And then add this css code in the Quick CSS field.
#top .entry-content-wrapper select option {
color: #000000;
}
Regards,
Ismael
Hey saurabhkriya,
Could you try removing the s from https in the video link to see if that works please? Also, you should probably consider upgrading your WordPress version, it’s a bit old. If you should need any further help on the topic then please post admin login details in private so that we can have a closer look.
Best regards,
Rikard
Hi Ciaran1212!
Thank you for using Enfold.
1.) How did you set the font? This is the style of the nav in the “afistfullofbolts” site. Take note of the font-family property.
.primary-nav-wrapper nav {
font-family: Arial,sans-serif;
font-weight: 700;
font-size: 14px;
letter-spacing: .02em;
font-family: "Courier New","Courier","monospace";
font-size: 12px;
text-transform: uppercase;
letter-spacing: .2em;
font-weight: normal;
font-style: normal;
line-height: 1em;
}
2.) Please go to the Advanced Styling panel, modify the Main Menu Links element and tick the “Apply on hover” option.
3.) Use the “last-child” selector to adjust the padding of the last menu item.
#top #header .av-main-nav > li:last-child {
padding-right: 10px;
}
Cheers!
Ismael
Hi ftlamont!
Thank you for using Enfold.
What do you mean by “scrolling menu”? Please provide a link to the page so that we can inspect it. A screenshot will help. If you’re referring to the shrinking header, you can try this in the Quick CSS field.
#top .header-scrolled .container, #top .header-scrolled .main_menu ul:first-child > li > a, #top .header-scrolled #menu-item-shop .cart_dropdown_link.container.av-logo-container {
height: 40px !important;
line-height: 40px !important;
}
Regards,
Ismael
Hi Andy,
No, I haven’t actually.
1) How to I increase the background transparency of dropdown links in the Main menu?
** It is a little bit transparent – I would like to make the background MORE transparent.
2) In the small top bar – where the Header Phone Number/Extra Info is – I have an email address in here. How do I make this a link? Using a mailto: just appears as text.
** The email address is still just text. I want to make it a LINK so that someone can click on it to send an email.
Also, if we look topics like that:
https://kriesi.at/support/topic/can-i-customize-the-helper-main-menu-php-under-child-theme/
– all should works
-
This reply was modified 9 years, 4 months ago by
mdxclr.
Hi Andy!
Thanks for the code. I switched my header to the Top, but the code still did not work. In this image (Example Here, you will notice that I am on the Portfolio Page > Coporate (portfolio gallery), but the Navigation link “Portfolio” is not highlighted/active.
Hi there
I have a button that links to a desktop version of a website. On mobile I would like that link to change to the mobile version of the site.
(example: http://website.com on a desktop to http://website.com/mobile on mobile devices)
Can you provide a route to take for this? I have found some options but would rather get the advice from your team.
Any help would be appreciated.
Thanks
P.S.
same weird symbols appear, when I upload instead a package (ZIP file) like this http://www.flaticon.com/packs/essential-set-2, I always see these strange symbols, when I try to use – for example – the icon box element of the Avia Layout Builder:


What is going wrong here?
I’m using WP 4.6.1 multisite (!) and ENFOLD 3.8, upload with Firefox browser on Windows 7.
What I have tried so far:
——————————————————————-
(1)
Found someone having similar problem: https://kriesi.at/support/topic/error-uploading-fontello/, but I don’t know how to re-name a ZIP icon pack at http://www.flaticon.com/packs/essential-set-2.
(2)
Then I tried this suggestion: https://kriesi.at/support/topic/unable-to-upload-new-fonts-on-latest-enfold-version-3-6/#post-645965
I used this icon http://www.flaticon.com/free-icon/user_149452, downloaded it, using the .svg file from this download and uploaded it to the fontello generator; downloaded the ZIP file and uploaded it to the ENFOLD’s Icon Manager.
Same bad result: http://screencloud.net/v/w91C
Any idea please? Thank you.
Hi,
Thanks for a good theme and good support!
I have similar problems as https://kriesi.at/support/topic/replace-flags-to-lang-name-wpml/
Just wanted to ask if you perhaps will have a fix for this in an upcoming release?
I fixed it by hiding all flags and adding another menu in a secondary menu in the top bar. But for some reason it only works on WPML 3.5.2 and not 3.6
Best regards!
Hi ckwellington!
Please use the code as following
.avia-testimonial-wrapper.cw-test-box { margin-top:0px !important; margin-bottom:0px !important; }
Regards,
Yigit
I have tried creating custom class to remove top and bottom margin around testimonial wrapper and can’t get it to work. I have tried many variations of this css code:
cw-test-box
.cw-test-box avia-testimonial-wrapper {
margin-top:0px !important;
margin-bottom:0px !important;
}
Any help you can provide would be appreciated. Thanks!
I am trying to have the Slack- slack.com icon (it looks like a hashtag- ‘#’) on the social profiles so it appears on the very top of the mobile view and top right in desktop view. Please advise how I can have this icon at the top so the word ‘slack’ appears like it does for other social profile icons.
Thank you again for all your help!
Hi,
Try adding this code in Quick CSS:
#top .av-subnav-menu > li {
padding: 5px 0;
}
If it doesn’t work try adding !important, it should look like this:
#top .av-subnav-menu > li {
padding: 5px 0 !important;
}
Just adjust the values as you see fit. 5px is for top and bottom while 0 is for left and right. Hope this helps :)
Best regards,
Nikko
Hi,
So im using the widget area in the ALB to pull in some custom forms per your advice.
I have one section at the top that is in a color section, that I know pushes down the sidebar and thats fine. After that I have a 1/1 with a widget area inside that. This should be the main content (form) for the page. But when I add it this way the sidebar gets pushes all the way down. Its only doing this with the widget area and the widget I am using. Other content will show up just fine if I test it.
Any advice?
mobile ist ok.
desktop ist nicht ok
Hi,
I’m afraid it won’t be easily possible. You would need to hire a freelance developer for this job. However, you could increase speed in general this way:
Best regards,
Andy
Hi again Ismael,
thx for your new answers!
And next time I will create different posts, promised! :-)
To 1)
As you can see here (link 1), the new code works fine, but at the moment it
works only in Safari. It doesn’t work in FF, Vivaldi or Chrome. And of course
I deleted the cache of the browsers. ;-)
And unfortunately this other css code doesn’t work correctly, too:
“.current-menu-item span.avia-menu-text:before { content: ” { “; }
.current-menu-item span.avia-menu-text:after { content: ” } “; }
Please compare it with link 2.
To 2)
Maybe the color-number was/is not exactly. I changed it. After that it’s better, but
the word „overview/summary“ has still a flickering effect. That’s what I meant.
(see link 3)
To 3)
This point has not my top priority at the moment, so I come back to it at a later time.
To 4)
This point has also not my top priority at the moment, so I come back to it at a later time, too. :-)
Have a nice week and I’m looking forward to your new answers!
Best regards
Carsten
Hi Andy,
I have started a new thread here:
Cheers,
Jangdom
Hi Andy,
Thanks for your reply. I realize now that some of the links I provided are now out of date. I am frequently updating our website at the moment and this ticket has been going on for a number of days now.
I will start a new post about this topic as you suggest.
Grateful for some further help in the new ticket!
Cheers,
Jangdom
Hi,
I was checking something on the website and the home page is not view fully. Its only showing the Top header and main Menu.
The inner pages and viewing fine but the Home page is not.
Please kindly advise on why do you think that is..
I can send you logins to admin and even FTP if you need.
Looking forward to your reply,
Emmy