Hi,
Ok, thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi @girlinasuitcase,
Did you read my post above?
Best regards,
Rikard
Hey!
1.) Could you please provide a screenshot of the issue? Are you referring to the “Detailed Budget, Guide list etc” image? It is resizing properly on mobile.
2.) Did you add this css code?
@media screen and (min-width: 1px) {
h1, h2, h3, h4, h5, h6 {
font-size: 60% !important;
text-align: center !important;
}
}
If you want to target the special heading element specifically, use this:
@media only screen and (max-width: 767px) {
#top #wrap_all .av-inherit-size .av-special-heading-tag {
font-size: 0.8em;
}
}
Regards,
Ismael
Hi,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hey!
The color section’s video background has its audio disabled by default. If you want to enable the audio, you need to modify one of the parent theme files as described in the following thread.
// https://kriesi.at/support/topic/background-video-with-no-sound/#post-229951
And regarding the autoplay, please follow this thread:
// https://kriesi.at/support/topic/2-videos-on-same-page-only-one-auto-plays/#post-699434
Regards,
Ismael
Hi 156aw45f!
Thank you for using Enfold.
1.) Did you enable the date in the Enfold > Blog Layout > Blog meta elements panel?
2.) Add this css code to remove the widget date:
.news-time {
display: none;
}
3.) Set the Enfold > Blog Layout > Blog Layout to “Use the advance layout builder”. Edit the page, insert the Blog Posts element then use the Image or a Slider element as the banner.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Cheers!
Ismael
Hi imageform!
Thank you for using Enfold.
Did you add the onclick attribute inside the custom css class field? Please remove that then replace it with a unique class attribute. For example, in the Steam button, use “steam-button”. The onclick attribute can be added via jquery. Add this in the functions.php file:
function ava_custom_script() {
?>
<script type="text/javascript">
(function($) {
// steam button onclick attribute
$(".steam-button a").attr("onclick", "ga('send', 'event', 'category', 'action', 'opt_label', opt_value, {'nonInteraction': 1})");
// another button onclick attribute
$(".another-button a").attr("onclick", "ga('send', 'event', 'category', 'action', 'opt_label', opt_value, {'nonInteraction': 1})");
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script');
Adjust the events parameters.
// https://kriesi.at/support/topic/google-analytics-event-tracking-2/
// https://support.google.com/analytics/answer/6164470?hl=en
// https://developers.google.com/analytics/devguides/collection/upgrade/reference/gajs-analyticsjs#snippet
Regards,
Ismael
Hi,
Great, glad you got it working and thanks for letting us know :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
I’ve read the other threads on this topic, and each of the custom CSS solutions didn’t work. When i re-size my desktop browser window, the text and buttons are either moved below the slider window and out of view, or misaligned. Looking to have the buttons stack or behave like other responsive best practices.
Site I’m working on: http://hosting.spectora.com/
Thank you and apologies is this has been answered already.
Hi!
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
Ismael
Hi!
We updated the css code above. Please try it again then edit the following css code:
.page-id-140 .menu-dots-container {
position: fixed;
max-width: 0px;
height: auto!important;
right: 50px;
top: 50%;
transform: translateY(-50%);
}
.. replace it with:
.page-id-140 .menu-dots-container {
position: fixed;
right: 50px;
top: 50%;
transform: translateY(-50%);
}
Cheers!
Ismael
Hi!
This code:
.amount:after {
content: ‘(To view wholesale prices, login to your wholesale account)’;
font-style:italic;
font-weight:bold;
color: #A99055;
font-size:14px!important;
position: relative;
left: -45px;
top: 18px;
}
Replace it with:
.template-shop .amount:after {
content: '(To view wholesale prices, login to your wholesale account)';
font-style:italic;
font-weight:bold;
color: #A99055;
font-size:14px!important;
position: relative;
left: -45px;
top: 18px;
}
Best regards,
Ismael
Hi!
Thank you for the info. Please add the following css code at the very bottom of the Quick CSS field:
#top div .products.list .product .woocommerce-LoopProduct-link {
width: 33%;
float: left;
}
#top div .products.list .product .thumbnail_container img {
width: 100%;
}
#top .products.list .product h3 {
width: 100%;
float: none;
margin: 10px 0;
}
#top div .products.list .inner_product_header {
border-top: none;
}
#top div .products.list .inner_product_header .avia-arrow {
display: none;
}
It will look like the screenshot afterwards:
View post on imgur.com
Regards,
Ismael
Hi,
I tried everything the guide you provided.
I checked the permission both of them, wp-admin is 755 and wp-admin/admin-ajax.php is 644.
I deleted the .htaccess and stopped all plugins.
But it doesn’t fix the problem.
Please help me.
Rikard,
I added your code to: Dashboard>Appearance>Customize>Additional CSS
Contents of Custom CSS below
/*
You can add your own CSS here.
Click the help icon above to learn more.
*/
/*Add your own styles here:*/
.title_container .container {
padding-top: 5px;
padding-bottom: 5px;
min-height: 20px;
}
That did not affect anything so I added it to my Child Theme Stylesheet
Dashboard>Appearance>Editor>Enfold Child>Styles Stylesheet (style.css)
That did not affect it either.
I could not find the section called “Quick CSS” It seems like I have seen it before, but now I cannot find it.
Sorry, I’m just an armature trying to make a nice website, Thanks for your help.
Hello there,
I was wondering if it is possible to set a custom template of layout editor to be default for a custom post type as it is possible with Visual Composer. In this thread (https://kriesi.at/support/topic/always-open-advanced-layout-builder/) i found how to see layout editor to be opened by default wondering how could I force the custom template to be added as well?
I don’t need the part to identify custom post type or something, just how to force a template for a new post.
Kind regards,
Mindaugas
Hey Tima,
Have you made sure to create both a “Desktop Section” and “Mobile Section”. Based on the image view there appeared to be only one.
Best regards,
Jordan Shannon
Hi guys,
I have exactly the same problem as described in this thread:
https://kriesi.at/support/topic/grid-row-order-on-mobile/
Unfortunately the topic got closed and that’s why I am opening a new thread (maybe it’s better as I think on several pages this problem could occur – a ‘universal’ solution would be great).
I did everything as Rikard described in his post. I have enabled custom CSS fields and put ‘show-for-mobile’ in each field of the grid row window but nothing happened ( I have used his Quick CSS code of course).
Thanks in advance :)
-
This topic was modified 8 years, 11 months ago by
timahe.
Hey!
Sorry for the late reply!
Please refer to this post – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439 :)
Cheers!
Yigit
Hi,
I just checked it, I don’t see any errors or any problem. Can you point out the issue? probably a screenshot. Probably you’ve done some changes that doesn’t get reflected on the frontend? Autoptimize sometimes causes some css issue, you may want to try to disable it also.
Best regards,
Nikko
Hi,
I checked it however it seems it’s using different wrapper on your end, I have added this in Quick CSS:
.embed-vimeo {
padding-bottom: 56.25% !important;
position: relative;
height: 0;
}
.embed-vimeo iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0;
}
And fixed the issue. :)
Best regards,
Nikko
Hey!
We can help, but when you reply inside the topic, we loose your post, it goes to the end and you go last.
That way – we an not help at all.
Can you please check if your server might be blocking the connections API?
It seems that the data do not go through because of that reason/.
Regards,
Basilis
Hi,
Thanks, try adding this css code:
#top .toggle_content a:hover img {
margin-top: 0 !important;
}
:)
Best regards,
Nikko
Hey ColinWalton,
I’m gonna close this thread, since you have posted on this earlier: https://kriesi.at/support/topic/as-soon-as-i-install-the-enfold-theme-i-get-a-blank-screen/
Best regards,
Nikko
To whom it may concern,
I was testing out different demo content on your theme and It appears something broke in the process. At the top of the website above the header I see a warning
“Warning: include(/home/themattnystrom/public_html/nyisco.com/wp-content/uploads/avia_fonts/Flaticon/charmap.php): failed to open stream: No such file or directory in /home/themattnystrom/public_html/nyisco.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 488
Warning: include(): Failed opening ‘/home/themattnystrom/public_html/nyisco.com/wp-content/uploads/avia_fonts/Flaticon/charmap.php’ for inclusion (include_path=’.:/usr/lib/php:/usr/local/lib/php’) in /home/themattnystrom/public_html/nyisco.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 488”
Not sure how to resolve this. I do not want to start removing lines of codes from the source files without consulting anyone.
Hey sensiblekaren,
Can you backup your site first then try the solution I gave on this thread: https://kriesi.at/support/topic/avia_transparency_logo-appearing-on-events-pages/#post-709603 (please don’t include the instructions in Quick CSS) :)
Best regards,
Nikko
Hi,
Try adding this css code also:
#top .single-small .post_author_timeline {
display: none;
}
.flex_column .template-blog .post-meta-infos {
margin-bottom: 0;
}
:)
Cheers!
Nikko
Dear support,
I have an issue with masonry at my homepage.
With big screens (laptop or tablet) all is ok.
With a phone in vertical position, the 3rd article is shown without the featured image, and also the title is partially covered by the 2nd article. If you put the phone in horizontal position, all is ok.
Thank you in advance.