Hi,
ups. My husband also tried on his laptop and it worked!?
Hi,
Ok, please try this in Quick CSS instead:
body * {
font-family:"NotoSansCJKsc-Demi" !important;
}
Try it at the top of the box so nothing else interferes. Also, you end CSS statements with semi-colons, not commas.
Best regards,
Rikard
Hi, I know there is another topic about the same issue where I already has given my input. But it is not clear to me what the status is, seeing several people withe the same issue and without clear answers.
I have problems using Google Maps (latest version Enfold, latest version WordPress). I disabled all existing API keys, added a new one, used domain verification. When trying to enter the address for the map again still the message: “It seems that your Google API key is not configured correctly. The key is probably either restricted to the wrong domain or the domain syntax you entered is wrong”. I tried everything but without success. See below in the private content to see more detail information.
Regards,
Andrej
Hi Ismael
Thank you for taking the time to look into this.
You will see I added a drop-down menu for the 2nd main menu item, I wish to add drop-down menus for all product categories but only to be visible on mobile/tablet views.
Please see in Chrome Browser, even though I hid the drop-down menu item for desktop, there still appears a drop-down menu “box” without text.
I wish to hide the drop-down menus for desktop and only show them on mobile/tablet views.
thanks

-
This reply was modified 8 years, 9 months ago by
waveshaper.
Hi
I created a Fullscreen Slider, made a button on top of it, linked it to YouTube with a setting Open in Same Window. However, even though the window is appearing, the video is not playing “An error occurred. Please, try again later”. The video works fine on youtube. If I put a short youtube link then the video opens on youtube but I want it to open on the web-site. How can I solve this?
In this topic they solved the problem but I do not know which of all the codes worked
and I already added the header widget space
https://kriesi.at/support/topic/woocommerce-currency-switcher/#post-461856
I want it to be seen on mobile devices
thank you very much!
Hi there,
I’m using Envira to display galleries of images – simply because I require pagination which your gallery doesn’t offer.
Despite switching off your lightbox, & adding .image-overlay {visibility: hidden;} – I’m getting an icon appear on hover, which also pushes the following row of content down.

Is the lightbox overlay separate/different to the image overlay?
Any ideas how I stop this from happening?
Many thanks,
Jason
Hi,
Thank you for the info.
Please try the modification that we suggested in the following thread.
// https://kriesi.at/support/topic/woocommerce-product-slider-element-broken/#post-807786
Best regards,
Ismael
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1024px) {
.responsive #top #main .products .product {
margin: 0 1% 1% 0 !important;
width: 49% !important;
}
.responsive #top .products .product:nth-child(odd) {
clear: both !important;
}
}
Best regards,
Rikard
Hi,
Ok, thanks for the feedback. The CSS I gave you was for moving the boxes down a bit on mobile screens. Could you try it again and adjust the values to your liking if it’s not exactly how you envisioned it?
@media only screen and (max-width: 767px) {
.home #av_section_1 .flex_column_table {
margin-top: -130px !important;
}
}
Best regards,
Rikard
Hi,
Thank you for the update.
1.) It’s the default padding of the content.
.content {
padding-top: 50px;
padding-bottom: 50px;
}
Adjust the values if you want to remove the padding or space.
3.) Please add this code in the Quick CSS field.
h1, h2, h3, h4, h5, h6 {
text-transform: none !important;
font-weight: normal;
}
Best regards,
Ismael
Hi! I’m trying to create a full width section with a graphic pattern to the left and a similar graphic pattern to the right, and text in between. (the graphics should fill the space from top to bottom, fully visible, and the text should appear in the middle, see included mockup.)
I’ve tried using a color row with three one third columns, then it looks fine on a desktop, but on smaller screens it gets scrambled. I’ve also tried using a grid, but it just looks crazy when you resize the browser. I really hope you can help, this is beyond me, and you have saved me many times before.
Thanks in advance /Michael
Hi! I’m trying to create a three column grid with equal height. Column one is image first, then text. Second is text first, image after. Third one is image first and then text. I can’t get it to line up properly, the images and text fields should have the same height so the images align (first image’s bottom should align to the second image’s top and then the third should align like the first, full width, see included mockup.)
I’ve tried using one third columns, then it looks fine on a desktop, but on smaller screens of course the wrong text follows the first image and so on. I’ve also tried using a grid, but then I can’t get the heights right. I really hope you can help, I’ve had tremendous help from your support before.
Thanks in advance /Michael
Please, I need to close the ajax portfolio to see the filter categories at the top of the page just below the header. Thank you
Hi,
The font can be imported via quick css. Have you added the following to the top of quick css:
@import url('https://fonts.googleapis.com/css?family=Anton');
Then add the proper font style
.flex_cell_inner .avia-image-container p{
font-family: 'Anton', sans-serif;
}
This should be all you need.
Best regards,
Jordan Shannon
Hey musedesignca,
Add the following to quick css:
ul.sub-menu{
margin-left:18%!important;
margin-top:-50%!important;
}
Best regards,
Jordan Shannon
Hi,
Yes this is no good. It should be formatted like this:
@media only screen and (max-width:767px) {
#header_meta {
background-color: black !important;
color: #fff !important;
}}
@media only screen and (max-width: 767px) {
#header_meta {
display: none;
}
.responsive .logo {
top: 20px;
}
ul.cart_dropdown {
display:none !important;
}}
@media only screen and (max-width: 450px) {
.avia-section-large .content {
padding-top: 58%;
padding-bottom: 70px;
}}
Also understand that as you have the #header_meta written above it will only read the second rule, which is to have set to display:none;
Best regards,
Jordan Shannon
Hi Jordan this is the CSS code could this be causing the issues if so could you do the code so its better?:P
@media only screen and (max-width:767px) {
#header_meta {
background-color: black !important;
color: #fff !important;
}
@media only screen and (max-width: 767px) {
#header_meta {
display: none;
}
.responsive .logo {
top: 20px;
}
ul.cart_dropdown {
display:none !important;
}
@media only screen and (max-width: 450px) {
.avia-section-large .content {
padding-top: 58%;
padding-bottom: 70px;
}
Hi,
I added the following to the very top of quick css. I have tested this and it should work:
#top .avia-content-slider:hover .avia-slideshow-arrows a {
opacity: 1!important;
background-color: red!important;
}
Best regards,
Jordan Shannon
Hi!
Please try the solution here: https://kriesi.at/support/topic/add-dynamic-copyright-year-in-footer-socket/
Please let us know if that works for you!
Best regards,
Sarah
Hey evivecare,
Can you please try the solutions presented here: https://kriesi.at/support/topic/add-second-menu-below-main-menu/
Please let us know if that helps! :)
Best regards,
Sarah
Hi!
We’re glad that this is sorted out. We’ll close this thread now, but please feel free to open a new topic if you have any other issues or questions.
Thank you for using Enfold.
Cheers!
Sarah
Actually, now that I am pondering this some more, on some sliders I want the text to be aligned right, and aligned left in others so I’d like to know how to pinpoint adding in the arrow to sit within a div associated with the caption text itself.
So, something like this, using the existing fullwidth slider example at the top of the page –
In my css – you’ll see that this works but I will need to also set the arrow to be lower left, facing right for the left aligned text
.caption_bottom .slideshow_caption {
background: url("img/arrowLeft.png") no-repeat bottom right;
}
So if I add in a div here in my fullwidth slider –
Caption Title
Enter a caption title for the slide here
<div id=”alignR”>INTELLIGENT LIVING PROUDLY<br>PRESENTED BY INTERGULF</div>
#alignR {
text-align: right;
background: url("img/arrowLeft.png") no-repeat bottom right;
}
You’ll see that the arrow is sitting top right, not lower left, and getting cut off. Is there possible a better way to handle this, please?
Also, what I need is how to apply the same thing to an image and a masonry grid item :)
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background-color: #5dd8e8;
border: none;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi Guys,
I read already the following topic: https://kriesi.at/support/topic/logo-size-issue-with-chrome/#post-422713
Unfortunately the solution provided in the issue above didn’t work at my current site. The issue occurs is that the header logo on the left side is being stretched for some reason in Google Chrome. In other Webbrowsers like Safari or Firefox it’s being shown as it should.
May you can give me some assistance in this matter?
Thanks,
Frank
Hello,
I use Enfold’s insole for many years. This new this brilliant version, but it has many mistakes. The topic is blocked, the construtor stops working, things resign and you have to return to restore. I did the update, but I could not integrate the adjustments of the previous version. Tape-worm the tables with different color of background and now I want to know since I can change the color of background of the tables.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top #wrap_all #header_main .main_menu .av-main-nav > li {
left: 8%;
}
Best regards,
Yigit
Hi,
i am making following website http://www.dubbelpunt.be
and I have used
html, #scroll-top-link{background-color:#566E89;}
to give the background this color
however :
page 2 : how do i change the background-color for ONE page (for example, page 2 : #ffffff ?
page 4 : how do i use a full screen image on page 4 ?
where do I find the page-id’s ?
I would also like to use animation (fade-in) on the text on page 2 but I do not seem to find it in the Avia layout builder , is that correct ?
last question : are there WP-files that I can delete in order to make the loading speed faster ?
thank you for your help,
Fabienne
Hi Yigit..
Thats not, what i mean. I want to display the top image in the header in a customized size also on mobile. at the moment is the header image on mobile just to see as section (part of the hole image).
Please see the screenshots in private content..
regards
Vivian