Hi,
it should be possible with this code:
#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: black;
}
but somehow it’s not working, so maybe best to talk with WooCommerce Support about it.
Best regards,
Andy
Hi,
many thx for your replay. You can close this topic.
Cheers,
Udo
Hi,
1- That would be possible but would require some customization to theme files. Please feel free to request – or vote if already requested – such feature on Enfold feature request form or hire a freelance developer.
2- Please add following code to Quick CSS as well
#top .header_color .ajax_search_entry:hover {
background-color: orange;
}
Best regards,
Yigit
Hi,
see the details in private.
Today I’ve put the masonry in a color section (should be the final configuration): now the issue involves all the 3 articles. Again, you can see it by simply reducing the width of the browser in a laptop.
Thanks for the support.
Mattia.
Hey Nikko,
Thank you! I’ve dealt with the 20% for mobile devices by enabling the mobile-menu at a higher width, so that the 100% height i suggested would only be relevant for desktop at a width higher than 1000 px (I updated the code since I started the topic) :)
Could you tell me which classes/ID’s are relevant in testing of the system I’ve suggested, so that i can start fiddling around with vh-values?
Thank you so much in advance! :)
Best regards,
Martin
Hi,
I’ve replaced the ‘ABOUT’ page link on my site with a custom link and used #about as the URL, but unfortunately the page link didn’t work when I viewed the site on desktop.
I then added a ‘about’ to the relevant colour section, however after doing this menu link still didn’t work
Can you advise?
My sites URL is http://www.buildup.org.uk
Thankyou!
Huan
Hi,
Try to replace this code:
#top .sidebar_left .content {
width: 87%;
}
with this one:
#top .sidebar_left .content {
padding-left: 0 !important;
width: 74%;
margin-right: 10%;
}
Just adjust the right margin as you see fit.
Best regards,
Nikko
Hi,
The Style Switcher isn’t part of Enfold theme’s package, it’s part of the demo to showcase the Pre-defined Color Scheme of Enfold which you can find in Enfold > General Styling. Only Kriesi has this, even moderators (like me) doesn’t have access to it. This is what Kriesi said regarding the Style Switcher: https://kriesi.at/support/topic/the-style-switcher/#post-31143
Best regards,
Nikko
Hi,
Go to Appearance > Menus, on the menu item find Menu Style and select Button Style (Bordered). Then add this in Quick CSS:
#top .av-menu-button > a .avia-menu-text {
border-radius: 100px;
}
Hope this helps. :)
Best regards,
Nikko
Good morning,
I seem to be having an issue with a site loosing its homepage sporadically and going directly to the blog page.
I have the static front page set as home and the blog (not required) set as default.
It’s not happening all the time but seems to stop happening when I clear my cache. This is also happening on other computers so can’t just be something to do with mine.
Any suggestions?
http://www.cunninglygoodbuild.com/wp-content/uploads/2017/02/Homepage-query.pdf
Hi support!
Yesterday I did the update to Enfold 3.8.5. I’m using the FB page plugin as sidebar widget to display our events. After the update of Enfold it stopped working. It now only shows the title of the FB-page. I also used a test environment this week, as I’m actually restyling my website. On the test website There are no plugins installed. I tried the same here and it’s the same behaviour.
I found out, that the FB page plugin starts working again, when I also put the Enfold Like Box widget onto the sidebar. So I guess it should have something to do with the latest update.
Please have a look what’s happening. Thanks a lot!
Cheers,
Thomas
Hey Brett!
Theme was outdated so we support discontinued for it. It is not compatible with current WordPress versions as well.
Enfold is the most powerful, flexible and user friendly theme we have ever created and it is more suitable for non-coders. You can check out Enfold showcase thread here – https://kriesi.at/support/topic/enfold-showcase/page/41/ most sites here are made by novice users :)
Best regards,
Yigit
Hey plilja,
Add the following block to the Quick CSS section:
a#advanced_menu_toggle { display: none !important; }
@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
display: block;
}
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}}
Best regards,
Jordan Shannon
Hi,
I added the following block to quick css so that it matched the other widget in the footer. Let me know if this is okay.
#nav_menu-4.widget.clearfix.widget_nav_menu{
width:300px !important;
}
#top .content .flex_column .widget_nav_menu li{
border:none !important;
margin-left:10px !important;
}
#top .content .flex_column .widget_nav_menu li a{
padding:0.5em 10px !important;
border:none; !important;
}
#top .content .flex_column .widget_nav_menu li:first-child {
border-top-style: none !important;
border-top-width: none !important;
}
Best regards,
Jordan Shannon
Hi Jordan,
Thank you for your help. You are right in your instructions, but it’s still missing the mark for me. I posted the link in private section. The top of the page is how I want it to be, minus the stuttering or not playing. And if you scroll all the way down the page you’ll see what I got with embedding the YouTube video in a “color” section. It’s about 24 sec long.
Cathy
Hey iwallace,
You can add two color sections. One for the desktop and one for mobile devices.
Add a specific class to each one and use that to show one on the desktop, while hiding the mobile. Then show mobile, and hide desktop on screen sizes below 768px;
Need help with this please provide your admin info and I will gladly help.
Best regards,
Jordan Shannon
Hey @ismael,
So I think there is some confusion still…. I want to separate header widgets that have different content inside of them. The left header widget will not have the phone number in it… it will be totally different from the top right widget… Make sense? The code I made in the previous screenshots shows that there is no phone shortcode which I do not want in the left widget. Here is a screenshot mock of what I want… hope this makes sense…
Please Advise
Hey!
What is the email address that you use?
Please remove the following css code in the Quick CSS field.
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 298px;
}
Or replace it with:
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 298px;
}
}
Cheers!
Ismael
Hi!
We added this css code to adjust the position of the phone number widget.
#header #text-6 {
left: 80px;
top: -30px;
transform: translate(-50%);
}
Best regards,
Ismael
Hi!
Thank you for the update. Looks like you manage to accomplished it with the following css code.
.header-scrolled #header_main_alternate {
position: absolute;
top: 25px;
right: 0;
width: 77%;
}
Cheers!
Ismael
Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.home #av_section_6 .avia_textblock p {
position: relative;
}
.home #av_section_6 .avia_textblock > p > a:nth-child(2) {
position: absolute !important;
top: -20px;
left: 50%;
margin-left: -11px !important;
}
the icon might not look centered because of the text below it not occupying the whole space, but if you center the text below it or add a background color you should see it centered. Or you can adjust the margin-left value as you see fit.
You can remove the underline by adding this css code:
.home #av_section_6 .avia_textblock a {
text-decoration: none;
}
Best regards,
Nikko
Hi Oby4455,
The login account you have provided is just a subscriber :( Anyway, try adding this css code in Quick CSS:
#socket .sub_menu_socket {
float: none;
text-align: center;
width: 100%;
position: relative;
z-index: 30;
}
#socket .sub_menu_socket li {
float: none;
display: inline-block;
}
#socket .copyright {
float: none;
text-align: center;
display: block;
position: relative;
top: 60px;
z-index: 5;
}
Hope this helps.
Best regards,
Nikko
Hi!
Please remove the rel parameter from the url then add this script in the functions.php file:
function ava_custom_script_mod(){
?>
<script>
(function($){
$(window).load(function(){
$('a[href*="youtube.com/watch"]').magnificPopup({
type: 'iframe',
iframe: {
patterns: {
youtube: {
index: 'youtube.com',
id: 'v=',
src: '//www.youtube.com/embed/%id%?rel=0&autoplay=1'
}
}
}
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod');
Remove browser cache or hard refresh before testing the page.
Cheers!
Ismael
Hey!
1.) What are the css modifications that you added in the theme? Did you set the height of the header?
2.) Add this css code in the Quick CSS field.
.logo img {
width: 340px;
height: 156px !important;
max-height: 156px !important;
top: -50px;
}
You might need to adjust the height of the header.
3.) Which css or what elements are not adapting to the screen? Please provide a screenshot of the expected header layout on mobile view.
Best regards,
Ismael
Hey!
Thank you for the update.
Regarding the alignment on bigger screens, please add this css code:
#top .fullsize .template-blog .post .entry-content-wrapper {
margin: 0;
}
I can’t find the difference with the font though, maybe you can use this:
body, body p {
font-size: 18px;
}
Best regards,
Ismael
Hey psilos123,
Please to refer on this thread: https://kriesi.at/support/topic/problems-with-https-using-enfold/
Best regards,
Nikko