Hey!
I can access your site, as my computer crashes when opening it. Very weird. Autoplay videos are not possible on mobile devices due to restrictions by the vendors of those devices.
There is no autorotation function in a video element. For such a function you would need to hire a freelance developer for this job. For any autorotation function you would need to use Fullscreen-Slider element.
Regards,
Andy
Hi!
tried to login using credentials you have provided here but they don’t work anymore. Can you check please?
Do you get similar problem when using a default WordPress theme instead? Ask your host if they are using any kind of caching on your server, which might cause this issue.
Regards,
Andy
Hey Daniel!
Thanks for getting in touch with us!
This will take a bit of code, so please ensure you are using a Child Theme. Add the following CSS code in the Quick CSS field in the theme options:
.logo {
visibility: hidden;
}
The second part now, you need to add the follow script to your child theme. You can follow the instructions here to add the JavaScript http://code.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins–wp-24321
$(function(){
$(window).scroll(function() {
if ($(this).scrollTop() > 75) {
$(".logo:hidden").css('visibility','visible');
$(".logo:hidden").fadeIn('slow');
}
else {
$(".logo:visible").fadeOut("slow");
}
});
});
Let me know how it goes.
Cheers!
Jordan
Hi vossenm!
You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your button and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class a.avia-button {
background: #7db9e8;
background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #1e5799 100%);
background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
}
You can generate gradients here – http://www.colorzilla.com/gradient-editor/ :)
Best regards,
Yigit
Hi!
Use the code above but set the background color to black. Something like this:
#top .av_header_glassy.av_header_transparency .header_bg {
background-color: #000;
opacity: 0.7;
filter: alpha(opacity=70);
}
Best regards,
Ismael
Hey!
Set the page to have a transparent header then add this in the Quick CSS field:
#header {
background-color: red;
margin-top: 50px;
}
Regarding the logo, we have to see the actual page so that we can provide the needed css modifications.
Regards,
Ismael
Hey Adrian!
Thank you for using Enfold.
Could you please elaborate it a bit further? A a link to the page and a screenshot of the breadcrumb layout will help. You can use the “avia_breadcrumbs_trail” filter in order to alter the breadcrumb trail. Example:
https://kriesi.at/support/topic/mega-menu-issue-with-breadcrumbs-linking-to-pages-that-shouldnt-exist/#post-586982
Add this code in the functions.php file to disable the default woocommerce breadcrumb:
add_action('after_setup_theme','avia_remove_portfolio_breadcrumb');
function avia_remove_portfolio_breadcrumb(){
remove_filter('avia_breadcrumbs_trail','avia_woocommerce_breadcrumb');
}
The avia_woocommerce_breadcrumb function is located on config-woocommerce > config.php.
Best regards,
Ismael
Hi!
Try changing the code to:
@media only screen and (min-width: 989px) {
.breadcrumb {
width: 35%;
top: 13px !important;
}
}
That way it will only be applied from 989px and beyond.
Regards,
Josue
Hey Heathcliffe!
That is an interest idea. You can always suggest it to our database, and kriesi does check it and gets the features, based on requests:
https://kriesi.at/support/topic/enfold-feature-requests/
Please do let us know if we can do anything else for you
Cheers!
Basilis
Hey!
Thank you for the info. I would like to check the page but the page password is not working. Please check. Do you want to sort specific columns? Or do you want all columns in reverse? You can try the simple fix in the following link but it will require a few modifications base on your setup: https://kriesi.at/support/topic/construction-demo-2/#post-587552
Cheers!
Ismael
Hey esemmel!
Still looking into your issue here https://kriesi.at/support/topic/full-screen-slider-full-width-easy-slider-saving-issue/
Please keep the responses in the one forum since it’s the same issue.
Cheers!
Jordan
I designed a webpage for a client that had the company logo on the left of the and the the menu to the right of it, taking up the remainder of the websites width and changing accordingly on browser re-size.
Since then I have purchased your enfold theme and have not been able to achieve the same results.
Here was my header HTML:
<div class="header">
<div>
<a href="index.html"><img src="media/cp.png" /></img></a>
</div>
<div class="nav">
<ul>
<li class="ProgramLink" id="MainLinks"><a href="#">PROGRAMS</a></li>
<li class="MediaLink" id="MainLinks"><a href="#">MEDIA</a></li>
<li class="AboutLink" id="MainLinks"><a href="#">ABOUT US</a></li>
<li class="ContactLink" id="MainLinks"><a href="#">CONTACT</a></li>
</ul>
<hr>
</div>
<div id="slogan">
</div>
</div>
And the CSS:
.header{
float: left;
width: 100%;
z-index: 10;
position: fixed;
top: 0;
}
#MainLinks{
height: 115px;
}
#slogan{
position: absolute;
left: 415px;
top: 140px;
font-size: calc(60vw / 40);
font-style: bold;
}
.nav {
width: calc(100% - 398px);
position: relative;
bottom: 187px;
left: 400px;
}
.nav ul {
width: 100%;
height: 100px;
list-style: none;
margin: 0;
padding: 0;
}
.nav ul li {
float: left;
width: 25%;
display: block;
line-height: 110px;
}
.nav ul li a {
display: block;
width: 100%;
height: 100%;
text-align: center;
color: #FFF;
font-size: calc(80vw / 40);
font-weight: normal;
}
Any Assistance would be very appreciated.
-
This topic was modified 10 years ago by
atdm86.
Hi!
It’s because of this css codes inside the style.css and Quick CSS field:
.avia_desktop.avia_transform3d .av-masonry-entry {
-webkit-perspective: none;
-moz-perspective: none;
perspective: none;
opacity: 1 !important;
visibility: visible !important;
}
Cheers!
Ismael
Hey!
UPDATE: I forgot to mention that there is a filter for this so it’s not necessary to copy the whole function. Follow the instructions here:
https://kriesi.at/support/topic/sidebar-subnavigation-sort-order/#post-202997
Regards,
Ismael
I was able to resolve the problem by adding the following to my css.
.embed-vimeo { height: 0; padding-top: 25px; padding-bottom: 54.5%; margin-bottom: 10px; position: relative; overflow: hidden; }
.embed-vimeo iframe { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
Hi Josue, thank you. i have contacted them.
I am hoping you can help me with some other issues I’m facing.
The first being the icon box on one of our pages. I contacted another member of your team but didn’t get an outcome and since i’ve already shared my details wit you i’d rather you help me.
as you can see in the link provided, this page has a huge icon in the top corner, i can’t find a way to make it smaller, when i change where it says ‘Icon size’ it only changes the text, not the whole icon. Could you please help me make it much smaller.
Many thanks,
Hi,
in debug mode I can see the ones I used at the current page, I want to see all which are available.
I search google, I see a lot’s of people have asked this question before, same answer all the time but not THE answer.
https://kriesi.at/support/topic/where-is-a-complete-list-of-available-enfold-shortcodes/
https://kriesi.at/support/topic/list-of-shortcodes-2/
https://kriesi.at/support/topic/how-to-use-shortcode-generator-in-widget/
…
but may I asked the wrong question:
so, seeing this page: http://kriesi.at/themes/enfold/shortcodes/
I would like to see each shortcode in source – ideally it is directly at each of the demo stuff section, the shortcode to copy paste – done.
What I did so far, enabling debug, open one of my pages, there I see all the shortcodes I used so far.
But I’m searchin like a git when I want to find out, which shortcode to use when I want to see that This is a small Horizontal Ruler of this demo page http://kriesi.at/themes/enfold/shortcodes/hr/
I forgot to mention: I’m also having real issues with being able to put any elements (sliders, titles, etc) above the blog post grid on the main Blog page (below). For some reason, elements always end up below, as you can see from link (below grid of posts). Any easy fixes or maybe I should start a new topic for this?
Thx guys,
D
Looks great. What is the padding syntax to have actually around 30px up top? Have a look (link below). It would just be nice to drop that post title down a little bit. Thanks as always!
D
Hi!
Please add following code to Quick CSS
#header .mega_menu_title {
color: white;
}
#top #header .avia_mega_div > .sub-menu > li {
padding: 0;
}
Cheers!
Yigit
Hi!
On http://degroenefles.nl/ we currently have the logo in the left top of the header. I’d like to change that so that the logo appears after the user scrolls past the full slider. Is this possible?
Thanks!
Daniel
Hello!
This is my firs day with Enfold.
I can’t figure out, how to remove borders in top navigation. Please look at the attracment. There is a grey lines in menu (border top and bottom). Please help to remove them.
Oleg
Hey mohamed911!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-slideshow-button {
background: #00aae2;
border: none;
}
Regards,
Yigit
Hey!
Can you please change code to following one
.page-id-221 .content {
padding-top: 0 !important;
}
.page-id-221 #main .container {
max-width: 100%!important;
padding: 0!important;
width: 100%!important;
margin: 0!important;
}
.page-id-221 #after_full_slider_1 .content {
padding-top: 50px !important;
}
It should have worked :)
Cheers!
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.page-id-221 .content {
padding-top: 0;
}
.page-id-221 #main .container {
max-width: 100%!important;
padding: 0!important;
width: 100%!important;
margin: 0!important;
}
.page-id-221 #after_full_slider_1 .content {
padding-top: 50px;
}
Regards,
Yigit
Hi, just as a follow up, I tried what you suggested and although it does look fine on a desktop site, it totally won’t work for mobile. 90% of the picture is cropped out.
Nothing important from my provider. They say that I can ignore that.
I will just stop bothering and hope it all goes well…
Thank you for your time
Best Regards
Asterios
Hello,
I imported Enfold photography portfolio demo.
When I open blog post, text it isn’t visible on the right side, and picture is to big. How to change that? Main menu is on the left sidebar. When main menu is at the top, then blog post looks ok, when I change to left sidebar, it doesn’t look good. You can see this in demo…
Have you any idea?
Thank you.
Best regards,
Marijana
Hi brogilberto!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.single-post #main {
padding-top: 60px!important;
}
.bdp_single.offer_blog .bdp_single_offer_blog {
padding: 0 100px;
}
Best regards,
Yigit
Hey!
I’m afraid, this seems to be a problem with the twitter feed widget:
Cheers!
Günter