Hi,
Please add the following css codes:
#top #searchform>div {
opacity: 1 !important;
display: block !important;
bottom: 68px;
}
#top #searchform .ajax_search_response {
background: #ffffff;
}
Best regards,
Ismael
Hi,
Thank you for the quick reply. I added the code you gave in functions.php but the website stopped working when I did it. I removed the code and it’s working again.
I added the code at the bottom of the file like you told me.
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
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 maxdes,
If you enable debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, you can then paste this shortcode to a new page to import the page you linked to:
[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/banner-news-alt.jpg' attachment='1057' attachment_size='full' attach='scroll' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_heading heading='Latest News<br/>Everything thats going on at Enfold is collected here' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)'][/av_heading]
[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)']
[av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)']
<p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff.
This can be used to describe what you do, how you do it, & who you do it for.</p>
[/av_textblock]
[/av_section]
[av_blog blog_type='posts' link='category' blog_style='single-big' columns='3' contents='excerpt' content_length='excerpt_read_more' preview_mode='auto' image_size='portfolio' items='6' offset='0' paginate='yes' conditional='']
Best regards,
Rikard
Hi artisforever,
Please try this code instead:
#top.category #wrap_all .all_colors h2.post-title.entry-title {
color: #5c5c5c !important;
}
If you want this applied to other pages, you can check the <body> tag and see what classes are there. :)
I hope that helps!
Best regards,
Sarah
Hi,
Use a Custom Link, then put # as the URL. Then, you can put that into your Mega Menu as a child so that it becomes a column. I think it would be helpful for you to read this thread: https://kriesi.at/support/topic/how-do-you-create-a-column-in-a-mega-menu/
Please let us know if you need further help.
Best regards,
Sarah
Hi,
We’re glad that Mike was able to help you. Would you need additional help with this topic, or can we close this thread?
Best regards,
Sarah
Hi,
Great, glad you got it working and thanks for sharing your solution. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Marc,
Great, glad you solved it and thank 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
Hey i9design,
This might help: https://kriesi.at/support/topic/google-adwords-tracking-after-form-has-been-submitted/#post-214566
but as the built in contact form is basic, you may find a more advanced plugin such as Contact Form 7 better suited.
Best regards,
Mike
I am trying to to a popup YouTube video and autoplay on my site. Everything works great on desktop however when I try on mobile, autoplay does not work. I get the popup and have to press play.
Is this a limitation to mobile devices?
Here is the code I am using:

You can see an example here: stlouisdj.com/photo-booth
Hi,
Please don’t “i will try to add .htacces file to disallow folder.”
just add “Options -Indexes” to the top line.
in your robots.txt, I would make those two lines disallow.
Best regards,
Mike
I know the devs are working on a built in fix, but the temp fix found in the link below doesn’t work if you have a site with the header and menu on the side. The content height is only about 100px tall rather than responsive. Ideas? The idea that one tab has a lot of info and subsequent tabs with little data in them are tall, leaving a LOT of blank space….that is giving me pause to use the section despite my client loving the look of the tabs.
https://kriesi.at/support/topic/problems-with-new-tab-section/
-
This topic was modified 8 years, 10 months ago by
Kahil. Reason: added additional details
OK…I followed your lead and did this in the custom css
.avia-search-tooltip{
position: absolute;
z-index: 9999999;
padding:0;
width: 300px;
top: 85% !important;
margin-left: -30px;
border-radius: 2px;
box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
border-width:1px;
border-style: solid;
}
I changed Margin-left from -120px to -30px and fixed it!!
Hi Victoria,
Maybe I put it in wrong? But I did update the javascript code in functions.php. You can log in to verify. Login below.
Also, I cleared cache on the server and on my laptop and disabled the cashing widget. But the issue persists. It clearly only affects windows wider than 767px.
I’m probably doing something wrong when I update the code. Would you mind logging into the site to verify my work?
Thank you!
Hi there,
I wanted the sidebar background in #d9deda.
In quick css I pastet:
.sidebar {
position:absolute;
right:0;
top:0;
bottom:0;
max-width:calc(25% – 50px);
background: #d9deda !important;
}
But now, It looks like this – see screenshot.
Thank you for your support.
KR – Marc
Hi,
Add the following to quick css:
.av-special-heading.av-special-heading-h2.custom-color-heading.blockquote.modern-quote.modern-centered.avia-builder-el-8.el_after_av_image.el_before_av_textblock{
margin-top:10px!important;
}
Adjust the margin to whatever you need.
Best regards,
Jordan Shannon
THP which file are you talking about? looks like those are the same type of error messages I am getting and we have been trying to figure it out here.
I updated my WordPress version and theme and still can’t get the top menu back. I didn’t update on the server. I updated on my computer. What’s next?
Hello!
Could someone please help me figure out how to change the color of the “newsletter” on this page from grey font to white? I tried this code but it doesn’t work:
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
color: white !important;
}
Thanks so much!
Could you please change it to peanuttario? And is there a way to delete or revise past comments/topics?
Thank you :)
Hello,
I’d like to display upsells whenever they exist and hide related products in our store.
This solution looked perfect, didn’t work for me:
https://kriesi.at/support/topic/you-may-also-like-or-related-products/
Is there something I need to adjust to make it work?
Thank you so much for your help!
And for creating this theme! Feedback on our new Enfold site has been excellent! :)
Hey charmedrunning,
You can add this custom CSS code and let me know if all is okay:
@media screen and (min-width: 480px) {
.avia-search-tooltip {
left: -63.5px !important;
top: 22px !important;
}
}
Best regards,
John Torvik
Hello! I successfully found this code change to place the search bar into the secondary menu.
https://kriesi.at/support/topic/move-search-to-top-bar-only/
It worked great, but on mobile, the box is too far to the left for the user to see what he/she is typing. Is there a way to move it to the left or make it fully visible to the user?
My site is http://www.charmedrunning.com
Thank you!
Hi, enfold people!
I am using some custom css to create a six-column section. I got the code from another thread, it looks like this:
#six .flex_column.av_one_fifth {
width: 14.5% !important;
margin-left: 2% !important;
}
#six .flex_column.av_one_fifth.first {
clear: none !important;
margin-left: 2% !important;
}
#six .flex_column.av_one_fifth:nth-child(6) {
margin-top: 0 !important;
}
I would like to set all columns to be equal height (I like how it is responsive at different screen resolutions), but when I select this setting from the first column, it seems to break the css code and the sixth column gets pushed off.
Is there something I can add to my css to set equal columns, or is there another way to fix this?
This site is in progress, on a local server… so I can’t ask you to log in and check it out.
Here are screenshot of the issues:
Regular view (perfect): https://www.dropbox.com/s/fkrqrmkxgahwske/1%20-%20regular-widescreen.JPG
On a smaller browser: https://www.dropbox.com/s/rks8hickslhx2hq/2%20-%2019-inch-monitor.JPG
“Equal Height” Set: https://www.dropbox.com/s/zdrl0vtqpyjyv8m/3-%20equal-height-setting.JPG
-
This topic was modified 8 years, 10 months ago by
DTC-sites.
Hello,
I already imported demo data like the gym demo, but I would like to set up my blog as in your other demo page, i.e:
I understand where I do need to change the main layout (grid, big preview, ecc.), but I wasn’t able to understand where to set the demo image on top and the overlay text.
Could you please advise?
Thanks
Max
-
This topic was modified 8 years, 10 months ago by
maxdes.