Hello !
Excuse me for the disturb but I have a few questions about the mansonry gallery and grid row :
Mansonry gallery :
How is it possible to take off the white overlay opacity but keeping the default display of title on mouse hover ?
I have tried by selecting “display as centered overlay” but trough the mouse over the image totally disappear.
Thus I would like to take off the overlay and with the mouse over the tile appear at the bottom of the image and the image doesn’t disappear.
Grid row :
I have tried to superimpose two images one on top of the other without spaces but there is still a space between those images. How can I take off this space ?
Here is an example of this problem :
http://www.hostingpics.net/viewer.php?id=913770442.png
Thank you guys for your reactivity that’s professional !
Hey Rio1!
Thanks for getting in touch with us!
Please follow these instructions to get your site back up: https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/
Here are instructions on how to update the theme: http://kriesi.at/documentation/enfold/portfolio-item/update-theme-files-with-ftp/
Let me know if you need further assistance.
Best regards,
Jordan
Hi, I am in final production with client’s site and the Avai system has stopped working. I have had this problem before, but it seemed to fix itself, but today i don’t have any time. The site is expected to be in production tomorrow.
I am using the latest version of the theme. I also checked on multiple browsers and still have the issue.
Hello,
I have succeeded via the CSS.
here is the code I have used (if it can help someone…) :
#header-welcome {
position: relative;
right: 950px;
top: -19px;
width: auto;
font-family: ‘Open Sans’;
font-weight: bold;
color: white
}
.av_secondary_left .sub_menu {
padding-left: 50px !important;
}
Thanks again for your availability !
Agenceism
It’s on my desktop screen that it is cutting the images down. The images below are 1140×470 px image size.
Slide Screenshots
Thanks.
Hi Yigit,
You’ve helped me take the last step!
Following advice on the forum I had taken both steps above, including installing the transient cleaner, and having got to the bottom of step 2 the only option I had was the FTP download.
I just needed reassurance before the big one – deleting the old enfold folder and replacing it fully.
I just did this and then immediately activated it to see success – all features working including maps and some smaller sliders that stopped working are now all back up (Phew – I am seeing the client later today!)
It now thinks 3.5.3 is the latest version – to get it up to 3.5.4.will I have do this again?
Or maybe I need to change the settings on the transient cleaner?
(not actually sure what this is doing)
Thanks again anyway – it is good to know you are there!
Hi there,
I recently posted a request to help me create a semi transparent background for the transparent main menu option in Enfold.
Fellow designer “Guenni007” was kind enough to assist me with this issue and help me achieve the exact effect I wanted to achieve. Except for the small detail that the background on scrolling-down now remains semi transparent, whereas I would prefer it to go back to solid #fff. Unfortunately the proposed modification he provided in the original thread doesn’t seem to work.
It’s available here:
https://kriesi.at/support/topic/adding-partial-transparency-to-enfold-main-menu/
I would appreciate any ideas or pointers to help resolve this.
Many thanks
Hey!
Please do not create duplicated posts – https://kriesi.at/support/topic/separators-between-columns/ :)
Best regards,
Yigit
Awesome. Last one
Top bar
https://www.dropbox.com/s/k0o5zweupqb7va0/Screenshot_2016-04-27-08-30-18.png?dl=0
social icons offset to right 1-2px and a grey line on right side..(wierd)
last one. awesome support
Thank you for this wonderful theme!!
My situation: I’ve got two color section blocks. Let’s call them for now: “blog items” & “five columns”. The first one shows four blog items, and the other shows five flex columns. For tablet size the responsive settings are great for the “blog items” section and horrible for the ‘five columns’ section.
I want to change CSS responsive settings only for “five columns” color section of a page. So I do not want this CSS applied to the whole page or in my case the “blog items”. These default responsive settings are fine. So good that I want to keep them as default.
I can’t get it done for one color section. In the specific color section block I added the developer section ID: #my-section-ID.
If I use the following code, it still applies to the whole page:
.page-id-4 #my-section-ID .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
/* code */
}
(My situation is similar like https://kriesi.at/support/topic/need-help-enfold-columns-making-them-responsive-flex_column-av_one_fifth/#post-554038 & https://kriesi.at/support/topic/color-section-id/#post-25662. But I can’t get it done.)
Thanks.
sorry aber das funktioniert nicht
Bitte schau Dir doch mal den Screenshot dessen an was wir erreichen wollen:
https://drive.google.com/open?id=0BzF3a9LXV99JT2FPc3VpYzI1eEU
Dazu muss ich irgendwie eine Höhe definieren können und das geht nicht
Auch die Positionierung erscheint mir nicht korrekt denn wir wollen den Button ja rechts aussen.
Hier der klägliche Versuch unsererseits:
right: 50px !important;
top: -55px !important;
width: 70px;
height: 50px !important;
Hey!
Please refer to my post here – https://kriesi.at/support/topic/search-icon-on-mobile-devices/#post-589759 and skip the last part. That would make it visible only on mobile
Best regards,
Yigit
Hi!
ich habe diesen Code in deinem Quick CSS Feld verwendet:
#text-5 {
top: -55px !important;
right: 50px !important;
}
Bitte passen ihn so an wie du es brauchst.
Gruß,
Andy
Hey sberendss!
Please add following code to Quick CSS
@media only screen and (max-width: 767px) {
strong.tagline {
padding-top: 0;
}
.responsive #top .logo {
line-height: 50px;
width: 100% !important;
}}
Best regards,
Yigit
Hi Ismael,
I have already put a video element in place.
But how do I enable the video to also play on mobile, tablets and desktop?
Regards Patrick
and here is what we want to achieve:
https://drive.google.com/open?id=0BzF3a9LXV99JT2FPc3VpYzI1eEU
A button which has a margin to the top and a margin to the buttom
Hi!
Right. But if client is not a UX professional, they should be open to suggestions by professionals, in my humble opinion :)
Please try adding following code to Quick CSS
@media only screen and (max-width: 480px) {
.responsive .logo a {
vertical-align: top;
}
.responsive .logo img {
max-height: 40px!important;
}
.responsive #header_main .container {
height: 50px!important;
}
.responsive #top #main {
padding-top: 85px!important;
}}
Cheers!
Yigit
Hello,
Sorry… It was my fault… My server was pointing to some other sever… That’s why it’s given me 404 error page.
Kindly close this topic…
Thank you for your support,
Swapnil
Hi!
use this code inside of Quick CSS field:
#text-5 {
top: -55px;
right: -41px;
}
and adjust as needed.
Cheers!
Andy
Hi!
The article is a bit dated, I’d suggest you a different approach, in the same menu congregate all menu items (desktop and mobile) and set a CSS class to each item respectively (‘noMobile’, ‘noDesktop’).
Also add this to Quick CSS:
@media only screen and (min-width: 767px) {
.noDesktop{display: none !important; }
}
Regards,
Josue
Hey!
Try adding this code to the Quick CSS:
.html_top_nav_header .av-logo-container {
max-width: 100%;
padding: 0;
}
#top .av-subnav-menu {
text-align: right;
padding-right: 15px;
}
Cheers!
Josue
Hi,
I’m using Let’s Encrypt at my hoster and this at the very top of my htaccess
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
All uploads within WordPress are fine concerning https, only the logo, that I uploaded in ENFOLD’s theme settings is marked as “insecure” / not https.
Do you have any idea, why?
Thanks.
Hi, I’ve tried to enter this code into my custom css, but the backgroundcolor keeps flooding into my main content.
@media only screen and (min-width: 768px) {
.container_wrap.sidebar_right{
background:-webkit-gradient(linear,right top,left top,color-stop(#f1f1f1,0.295),color-stop(white,0));
background:-webkit-linear-gradient(right, #f1f1f1 29.5%, white 0%);
background: -moz-linear-gradient(right, #f1f1f1 29.5%, white 0%);
background: -o-linear-gradient(right, #f1f1f1 29.5%, white 0%);
background: linear-gradient(right, #f1f1f1 29.5%, white 0%);
}
}
Hi Taryn!
Thank you for using Enfold.
// Modified solution on the following link: https://kriesi.at/support/topic/trouble-with-cart-icon-on-mobile/
Best regards,
Ismael
Hi Dewdan!
To make the team members appear in multiple columns in tablets and mobiles
Please enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Add a custom class to the parent element and use the css below
NOTE: Please change “.custom-class-name” to the custom css class name you enter in advance layout builder.
.avia-team-member {
clear: none!important;
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .custom-class-name .flex_column {
float: left!important;
margin-right: 20px!important;
width: 40%!important;
}}
Regards,
Vinay
Alright, you can close tis topic, thank you.
Hava a nice day! :)
Kind regards
Peter
Wonderful, works like a charm! Many topics on that subject, but that one is the good solution!
Please add it to the theme settings :-)
Best regards,
Jurgen