-
Search Results
-
Vinay, nevermind above, I added the code to functions.php and see that it will indeed allow me to select this only on certain pages / elements.
I don’t know css at all so it’s just like looking at letters to me, so forgive my continued questions… I’m a newbie on this.
In the Enfold link / tutorial from Yigit it says to give the custom class a special name prefixed with initials, so are we creating two custom classes, one called “.only_mobile” and one called “.only_desktop”?
And then once I add the code to the custom css file, how do I make the element display only on mobile? Do I just type in “.only_mobile” in the custom css class field of the element?
Thanks!!!!!
Hey goldengate415,
To display only in mobile or desktop please enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
/*Show only in mobile or desktop*/ @media only screen and (min-width: 769px) { .only_mobile { display: none !important; }} @media only screen and (max-width: 768px) { .only_desktop { display: none !important; }}Best regards,
VinayIn reply to: Combination (Isotope) filter in masonry gallery
No worries, I was hoping it would relatively easy as Isotope v2 is already used in Enfold. Thanks for the quick reply.
Enfold includes Isotope v2 which supports combination filters. I would like to use such a combination filter in a masonry gallery. Is this something reasonable easy to implement and could you give me some directions on where to start?
Hi Ismael
Thanks for your reply.
Under the ‘Appearance’ menu on the WP dashboard, there is a ‘Customise’ page that allows you to see how your site display look on desktops, tablets and smartphones.
I’ve tried adjusting the min width to 768px as you suggested but unfortunately this hasn’t resolved the problem.
It’s not a big deal, I can keep using an actual tablet to check the display.
Thanks for your help.
Regards
Nicole
Bringing this topic back up.
So now I’m back trying to add new icons and they aren’t working properly.
I’ve added icons successfully to fontello (with no error message). Downloaded that fontello zip file, uploaded it to the icon font manager on Enfold with no problem.
https://dl.dropboxusercontent.com/u/39930/Website_bugs/fontello-screenshot.pngHowever when I try to insert the icon, I get this.
https://dl.dropboxusercontent.com/u/39930/Website_bugs/font-enfold-screenshot.png
That train icon is an icon I was able to import successfully a month ago. It’s weird because that icon isn’t even in that zip file.I tested this on another test site and it actually works just fine like this.
https://dl.dropboxusercontent.com/u/39930/Website_bugs/fontello-fonts-that-are-good.pngIt’s just not working on the current site I’m building.
Any ideas? Not sure it’s a plug-in. Not many more plug-ins on the new one than the test site.
In reply to: LayerSlider WP
img alt=”Slide background” class=”ls-bg ls-preloaded” src=”http://localhost/imtsol/wp-content/themes/enfold/config-layerslider/LayerSlider/avia-samples/slide1_Layer_1.png” style=”padding: 0px; border-width: 0px; width: 1600px; height: 470px; margin-left: -168.5px; margin-top: 0px;”
In reply to: Mega Menu for Product Categories possible?
Hey vaibhavbhutoria,
Please try the following in Quick CSS under Enfold–>General Styling:
#top .avia-logo-grid .slide-entry-wrap { margin-bottom:20px !important; }Thanks,
RikardHey there!
1. I’ve managed to implement the icon on the header and footer through several past threads, however couldn’t figure out a way to make the icon look as the rest. I’ve used the following code on the style.css sheet:
#top #wrap_all .av-social-link-Whatsapp:hover a {
color: #fff;
background-color: #000000;
}It didn’t display the icon neither in normal, nor hover state. The I tried the one I set for the whole collection of icons:
.social_bookmarks_whatsapp a:hover {
background-color: #000000 !important;
}Still didn’t cause the expected effect. It seems that the Fontello icon is defective, cos’ you can never really make out the phone figure inside. Can you pls help me fix this?
1. Regarding the functionality, I was wondering if there’s a way to make the icon to trigger a phone call when cliked over?
Great thanks in advance!
hacart
I think the two items are related. To be sure, I have modified the sidebar based your your team’s recommendation from this thread: https://kriesi.at/support/topic/custom-menu-widget-sidebar-item-spacing/
But now it appears that the text for blog posts is slightly indenting — in some cases on all paragraphs, and other cases on some paragraphs.
Also, when inserting a standard WP gallery, no matter what size thumbnail or otherwise gallery style, the sizing is too small and yet it appears the gallery moves to the proper align-left without indenting as the text is doing above.
Vinay, great question and I think it’s a combination of issue as well as best practices.
On the solution topic it would be great to address, specifically, how to resolve Google indexing source theme files as shown in this screen shot CLICK HERE. There are numerous posts across this form related to this but never a firm answer of how to solve the issue, just links directing us to technical articles. How does Team Kriesi solve these errors? That’s what I want to know.
In terms of best practices… for instance, best practices for js is to have those files load in the footer… well, Enfold has to load those files in the header. That affects page performance, but there are more ways that you can optimize page performance specifically for Enfold theme… having you then say, “here is how we have optimized our enfold theme demos for best performance. We are using these plugins, utilizing this CDN, we are using amazon services like this….” and give us some step by step instructions on how we can improve enfold’s speed without breaking the theme.
Does this help more?
Topic: Audio in background video
I’m using a video for the frontpage of my website. It’s a full screen video. Since we do sound and music for our clients I would like to add audio to the video, but first of all this is not possible in the background video.
So two questions:
a.) is it possible somehow to add the audio in the background videos for a color section? Or is there another way I can use full screen video as background with sound?
b.) is there a possibility to add a play/stop button for the audio only on the front page for people that quickly do not want the sound? Maybe a third party plugin or similar?
Our page is: soundsound.me
Thanks :)
In reply to: Text instead of logo in header
PROBLEM
Hi,
I use the code suggested by Guenni 007 to text instead of logo in header and it worked very well :
add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
function kriesi_logo_addition($sub) {
$sub .= get_bloginfo( ‘name’, ‘display’ );
$sub .= “<br><i>”;
$sub .= get_bloginfo( ‘description’, ‘display’ );
$sub .= “</i>”;
return $sub;
}but i wanted change the size of the title, so I add below, even in the Functions.php, the code that he indicated for exemple:
.logo .subtext {
font-size: 28px;
position: relative;
top: 30px;
}.logo i {
font-size: 14px;
}.logo > a {
text-decoration: none;
}.logo a {
line-height: 20px;
}.responsive #top .logo {
display: block;
height: 120px !important
}.responsive .logo a {
display: block
}I saved, and since that moment my site no longer worked, there is a 500 error!
Please, help me! I worked very hard to build my site and i don’t want lost everything…
Thanks and excuse me for my english!
In reply to: Removing link for top-level landing page
If you look at the site, when you rollover “About” – you will see a drop down menu containing ….
About Us
Join Our TeamOnly – the “About” top level nav link is an active link and takes you to the “About” landing page. I want this top level link to be disabled for this page and all other pages that have a drop down menu.
Please give instructions so I know for future. MANY THANKS!!
In reply to: Removing link for top-level landing page
Thank you – that works for mobile but not on the regular desktop/laptop site. I can still click on the top level nav and it takes me to that page, instead of just showing me the drop down menu.
In reply to: How to quit padding top and bottom on color section?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#databasesection .container { padding-top: 0!important; }Best regards,
YigitHi Enfold Team,
Some weeks ago, Ismael gave me a filter to change the H3 tag on standard widget titles (displayed everywhere).
Here is the thread : https://kriesi.at/support/topic/change-template-code-in-child-theme/
I’m adding the filter code at the end of this emailI would like to do the same thing on a “Sidebar blog” widget (in this case an Enfold “Latest news” widgets.
Example here, in the sidebar (my title …) : http://586814b516.url-de-test.ws/enfoldsupport/blog/Any way to do this ?
Many thanks for your help
Hi!
You have to unregister the existing widget areas then register it back. Example:
function ava_remove_some_widgets(){
unregister_sidebar( ‘av_everywhere’ );register_sidebar(array(
‘name’ => ‘Displayed Everywhere’,
‘before_widget’ => ‘<section id=”%1$s” class=”widget clearfix %2$s”>’,
‘after_widget’ => ‘<span class=”seperator extralight-border”></span></section>’,
‘before_title’ => ‘<h2 class=”widgettitle”>’,
‘after_title’ => ‘</h2>’,
‘id’=>’av_everywhere’
));
}
add_action( ‘widgets_init’, ‘ava_remove_some_widgets’, 11 );
This code in the functions.php file will unregister the “Displayed Everywhere” widget area and then register it back with the “h2” as widget title.Regards,
IsmaelIn reply to: Shrinking menue shrinks too much
Hi Ismael,
I set the logo as the background because it was recommended here as a way to replace the header logo with a different logo upon scroll.
https://kriesi.at/support/topic/different-logo-on-sticky-header/With this code now, a double header logo displays for a split second. Any way to fix this?
Thanks.
Hi,
on my page fitgutschein.de I am struggling with changing the fullwidth slide-show caption as follows:appearance: how to get text&button fade-in instead of flying-in from left?
I tried several CSS snippets from comparable topics, but this did not succeed.
Your help is greatly appreciated – thx a lot in advance
In reply to: Adding Google Fonts to general styling
Hey Chris,
1. Please follow this guide: http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/. Let us know what fonts you would like to add if you can’t figure it out.
2. Try this in Quick CSS:
#avia-menu li a .avia-menu-text { text-transform: uppercase !important; }3. Try this as well:
#header { padding-top: 10px !important; }Best regards,
RikardIn reply to: Hiding and modifying blog minor meta
Thanks for the reply. I ended up switching away from the blog grid layout.
I’ve replied on this thread below.
Now looking to increase the thumbnail size on the blog layout.
My current thumbnail size is set to 150×100 and images have been regenerated. But I can’t get the blog thumbnails to display them at 150×100.Hi,
Please try this in Quick CSS:
#top .header-scrolled .logo img { margin-top: 0px !important; }Best regards,
RikardIn reply to: Icon Color not changing
Hi,
You have some strange markup in all the icons:
<div class="flex_column av_one_third flex_column_div av-zero-column-padding avia-builder-el-14 el_after_av_one_third el_before_av_one_third column-top-margin"> <div class="av-special-heading av-special-heading-h3 custom-color-heading blockquote modern-quote modern-centered avia-builder-el-16 el_after_av_font_icon avia-builder-el-last av-inherit-size"> <div class="av-subheading av-subheading_below av_custom_color"> <p style="text-align: center;">NiCad, NiMH, Alkaline, Non-Rechargeable Lithium, Lithium-Ion (rechargeable), Lead-Acid</p> </div> </div> </div> <div class="flex_column av_one_third flex_column_div av-zero-column-padding avia-builder-el-17 el_after_av_one_third el_before_av_section avia-builder-el-last column-top-margin"></div>Where did you get that code from? Would you mind if we try to clean it up as I think it’s breaking the builder in some way.
Thanks,
RikardIn reply to: Display phone number/extra info on mobile
Hey 1039 Online,
I’m not sure what you mean by that, it’s looks to be the same colour on both desktop and mobile on my end? Please try to explain a bit further if I’ve misunderstood you.
Best regards,
RikardIn reply to: Active menu item in fullwidth sub menu
Hey schlauchius,
Thank you for using Enfold.
Please add this in the Quick CSS field:
#top .av-subnav-menu > li.current-menu-item.current_page_item a { color: #a7b833 !important; }Best regards,
IsmaelIn reply to: Fullwith Sub Menu
Hi,
Please try the solution provided here: https://kriesi.at/support/topic/fullwidth-submenu-dropdown-doesnt-work-on-ipad/#post-617223
If that works, use the whole code here: https://kriesi.at/support/topic/fullwidth-submenu-dropdown-doesnt-work-on-ipad/#post-618090
Best regards,
IsmaelIn reply to: Slideshow control CSS adjustments not working
Hi,
Thank you for using Enfold.
Adjust the font size of the captions with this:
@media only screen and (max-width: 479px) { .responsive #top .slideshow_caption .avia-caption-content { font-size: 11px !important; } }Enlarge the button with the following:
@media only screen and (min-width: 768px) { top .avia-slideshow-button { padding: 25px 25px; font-size: 20px; } }Please create separate threads or posts for each inquiry. Thank you.
Best regards,
IsmaelIn reply to: splas popup woocommerce
Hi,
Looks like the splash or popup script is incompatible with the theme’s slider script. The sliders do not display even on desktop. I’m sorry but we don’t provide support for third party plugins as stated on our support policy. Please contact the plugin author for more info regarding the issue.
Best regards,
Ismael
Viewing 30 results - 92,041 through 92,070 (of 142,714 total)
