-
Search Results
-
Hey DigitalEssence,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 1300px) { #top .av_seperator_big_border#header .av-main-nav > li > a { padding: 0 70px; }} .html_header_top.html_logo_center .logo { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; }then remove following code you added
.logo { float: left; padding-left: 20%!important; }Best regards,
YigitIn reply to: Centering main nav menu
Sure! The default header I am using throughout the site is lego left, menu right, sticky. Link included below.
On the home page (link below), I have increased the header height and centered the logo. I also wish to center the menu. This is the CSS I am currently using to accomplish this:
@media only screen and (min-width: 768px) { body.home #header { height:160px; position: relative!important; } body.home .logo { transform: matrix(1, 0, 0, 1, -300, 0); top:25px; left: 50%; height: 74px; } body.home .logo a, body.home .logo a img { height: 74px; width: 600px; padding: 0px; } body.home nav.main_menu { top: 100px; } }Thanks for your help!
In reply to: Problem with Header in Mobile/Tablet Views
In reply to: URGENT! Enfold: Blog Page with slider at top
Hey mftonto2and3,
Please add a fullwidth Easyslider on top of the “Blog post” element in the page to achieve the same look and feel.
If yous till have any issue Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
VinayIn reply to: Header a solid color instead of transparency?
Hi,
You can go to Enfold theme options > General Styling > Main content and change it as needed.
Also, please add 1/1 column element to the top of your page and update your page, then remove it and update again and it should remove the whitespaceBest regards,
YigitI am able to add a slider to my blog entries but not the main blog page. Please help as soon as possible. Info is in private content.
Topic: Enfold – What's changed?
2016 August 5th – Version 3.7
This is a “no-thrills” compatibility and bugfix release that ensures that the theme works fine with:
- the upcoming version of WordPress 4.6 - WooCommerce 2.6 - WPML 3.4.1.1 - The new google Maps API - the Instagram API - the Facebook SDK version 2.7 - also adds small BugfixesGoogle Maps API Tutorial – http://kriesi.at/documentation/enfold/how-to-register-a-google-maps-api-key/
2016 June 6th – Version 3.6.1
Link to 3.6 update Blog post http://kriesi.at/archives/enfold-3-6-a-healthy-update-fitness-gym-app-and-health-coach-demo- style.css - new version number - folder lang: re exported all po/mo files which should fix some issues with the language files - folder config-templatebuilder: - added: a php check that can prevent a critical error when updating was not done properly and the server still loaded older files - improved: table element now allows for more than 13 columns - fixed: a javascript bug with woocommerce2016 June 6th – Version 3.6
- new demo content: - APP demo - GYM demo - Health demo - style.css - new version number - header.php - added some necessary css classes - functions-enfold.php - fixed: a few errors generated in conjunction with WP-CLI - functions.php - switched to the default wordpress title tag generator recommended in https://codex.wordpress.org/Title_Tag# - folder framework: - added: new predefined styling “white-black” (Used in Gym Demo) - improved: iconfont uploader is now able to use packs from http://www.flaticon.com/packs - improved: iconfont uploader is now able to import custom icons from demos - improved: iconfont uploader now is able to apply user defined custom names to the fonts. simply name the zip file: “iconset.YOURNAME.zip” - replace YOURNAME with a name of your choice - improved: demo import script now includes iconfont files - improved: favicon is now also displayed in the backend of your theme - improved: changed a few files that generated false positives in some security plugins - improved: improved the form generator mail sending logic - improved: performance of the dynamic style generator - fixed: a translation issue with contact forms - folder config-templatebuilder: - added: the ability to hide columns and cells on mobile devices - added: background color option for masonry elements - added: new coloring/saturation option for the google maps element: “Full color fill” - added: new minimal styling option for the data table element - improved: icon element color selector allows rgba colors now - fixed: an issue that truncated links that contain multiple commas - fixed: an issue with template builder sections that no longer worked after deleting a column inside - updated: google maps API to the latest version - folder includes: - added: new default styling “White Black” - added: new styling options for “<mark>” and “<u>” element that lets you spice up a sites typography considerably - added: new google fonts - added: new css classes to the header generator - fixed: the wedding demo import file caused a non editable issue on some servers - fixed: an issue with the markup helper for blog that wasn't properly deactivated - fixed: a pagination issue with the blog element when set to grid and an offset was applied - fixed: a minimum width issues with the facebook widget - fixed: an issue with the construction demo content on mobile devices - fixed: removed the "portrait" and "landscape" that are used to controll masonry display tag from interacting with related posts - folder lang: - updated: several language files and added a first version of hungarian - folder js: - fixed: an issue with Instagram widgets and wrong lightbox groups - fixed: an issue with the page preloader not working properly when safari back button is used - improved: up/down sliding with a more dynamic transition - folder css: - fixed: enfold date picker styling when woocommerce bookings is active - fixed: alignment of multiple slideshow buttons on mobile - fixed: alignment of form fields on mobile - fixed: space between partner elements on mobile devices - fixed: an issue with testimonials stopping after they are clicked on a mobile device - fixed: a few z-index issues with the fullwidth menu element - improved: caption styling of easy slider - added base styling for the <mark> and <u> (underline) element - folder config-layerslider: - updated: layerslider to the latest version (5.6.8) - folder config-woocommerce: - fixed: an issue with disabled buttons not receiving the correct stylingIn reply to: 3.6.1 vs 3.6? Not listed in changelog
Hey!
Thank you all for your lovely suggestion.
We will soon create a sticky topic for the change logs.A sticky topic has been added and now you can view what’s changed right here -> https://kriesi.at/support/topic/enfold-whats-changed/
It is the beauty of this wonderful community that constantly makes it more effective and easy to use :)Thank you for choosing Enfold.
Cheers!
VinayIn reply to: Move desktop search element to mobile menu
Hey Silvio,
It appears that the search form is loading on the desktop but is still hidden by the custom css. This may also be a classic case where a caching plugin is still delivering old minified css styles which is causing a conflict. if you are using any caching plugin’s like W3 total cache please empty cache in the plugin and also refresh the browser several times to see the changes reflect on the browser.
If this does not resolve the issue please make sure all custom css added to the related issue is removed and Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- the URL to the login screen
- a valid username (with full administration capabilities)
- as well as a password for that username
- permission to deactivate plugins if necessary
Best regards,
VinayHi guys,
My website is ruined after I posted the following CSS codes found on the forum:
@media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block;
vertical-align: middle;
}.responsive.html_header_top.html_logo_center .logo {
text-align: center;
}
}Below are the list of issues affected by the CSS codes above:
1) Some website contents’ sizes shrink
2) Header becomes transparent (despite selecting no transparency)
3) Menu, menu fonts shrink
4) Large part of avia builder functions not workingPlease refer to the original site screenshots before I implement the CSS codes.
I need help to revert the changes, guys!Thanks & Regards,
SteveIn reply to: Header
Hi,
Please remove the modification. You can do something like this:
.home .header_color .header_bg { background: #ffffff url(IMAGE URL HERE) top center repeat scroll; }Adjust the image url.
Best regards,
IsmaelTopic: acces box
Hey guys!
I got a problem with the acces box of my website.
When I write the first box and I press tab key all the formulary box gets bigger. It also happens with the second box of the formulary.How can I fixed it?
This is the code I used to create it:
<form action=”http://vet24.pedidosweb.com/logon.asp” method=”POST” name=”login”>
<table style=”height: 109px;” border=”0″ width=”323″ cellspacing=”0″ cellpadding=”0″ align=”center”>
<tbody>
<tr>
<td bgcolor=”#0033cc” width=”70″ height=”center”><span style=”color: #ffffff;”>USUARIO:</span></td>
<td align=”center” bgcolor=”#0033cc” width=”130″><input name=”login” type=”TEXT” autofocus=”” /></td>
</tr>
<tr>
<td bgcolor=”#0033cc” width=”70″ height=”center”><span style=”color: #ffffff;”>CONTRASENYA:</span></td>
<td align=”left” bgcolor=”#0033cc” width=”130″><input name=”pwd” size=”20″ type=”password” />
<p style=”text-align: right;”></p>
</td>
</tr>
</tbody>
</table>
<p style=”text-align: right;”><input src=”http://web.soladomingo.com/wp-content/uploads/2016/03/Entrar-acceso-clientes.jpg” type=”image” value=”submit” /></p></form>
And this CSS that I used too (you gave it to me to fix some issues):
table strong {
position: relative;
top: -22px;
right: -15px;
}
table input {
position: relative;
top: 10px;
}For font size use this:
table strong span {
font-size: 14px;
}Thanks a lot!
In reply to: Can't import demo content
Thanks Ismael, it works beautifully.
I suggest you guys consolidate all the related solutions and pin it to the top, I see many users are facing this issue but not a single post has all the solutions.
So far, I’ve tried refreshing page, increase memory, clean cache, reset all setting (Enfold settings), reset WordPress (with the plugin you suggested), import manually with XML, update PHP version to at 5.4 and above.
None has worked until you suggested to change max_execution_time in php.ini to at least 300 seconds, and create upload_tmp_dir instance.
Thank you!
In reply to: Burger Style Menu
No what I mean is I would want a menu like the mobile (Burger Menu) one that you can centre, left , right for the main desktop website so only the burger menu appears until you click on it then the main menu appears in the centre or appears from the left or right via a fade action for example or a slide.
A lot of designers are looking at this type of menu system rather than the basic style it would be a good for an option…
Hi,
Please replace the code in the functions.php file with this:
function add_custom_cs(){ ?> <script> (function($){ var section = $('#kart'), button = $('.kart'); section.clone().insertAfter(section).addClass('cloned'); $('.cloned').empty(); $('.cloned').height('0'); $('.cloned').css('min-height', '1px'); $('.cloned').attr('id', 'kartpos'); section.not('.cloned').css({ 'visibility' : 'hidden', 'position' : 'absolute' }); button.click(function(e) { if(section.css('visibility') == 'hidden') { section.not('.cloned').css({ 'visibility' : 'visible', 'position' : 'relative' }); var pos = $('#kartpos').offset(); setTimeout( function() { $('body').scrollTop( pos ); }, 300); } else { section.not('.cloned').css({ 'visibility' : 'hidden', 'position' : 'absolute' }); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_cs');Adjust the selector in this line:
var section = $('#test'), button = $('.test');Best regards,
IsmaelHello,
I want to put this in my site section: http://codepen.io/malaure/pen/mEVVZX
1 / I noted in ID: particles-js
2 / In the custom.css I added the code in CSS.
3 / In functions.php I added the code in JS.
function add_custom_script(){ ?> <script> (function($){particlesJS("particles-js", {"particles":{"number":{"value":47,"density":{"enable":true,"value_area":552.4033491425909}},"color":{"value":"#ffffff"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"grab"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":155.84415584415586,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true});var count_particles, stats, update; stats = new Stats; stats.setMode(0); stats.domElement.style.position = 'absolute'; stats.domElement.style.left = '0px'; stats.domElement.style.top = '0px'; document.body.appendChild(stats.domElement); count_particles = document.querySelector('.js-count-particles'); update = function() { stats.begin(); stats.end(); if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) { count_particles.innerText = window.pJSDom[0].pJS.particles.array.length; } requestAnimationFrame(update); }; requestAnimationFrame(update);; })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script')But it does not work ((((
Would you have a solution?
Thank you very much !
LaureEDIT : I forgot to say that I see the gray background on all of my page but not the particles (((
Hi,
It seems to be a conflict between sensei and the events calendar plugin. Please try to update the events calendar plugin: https://theeventscalendar.com/support/forums/topic/conflict-with-sensei/
I’m not sure if the update will fix it because the patch was already added on version 4.1.4: https://theeventscalendar.com/release-the-events-calendar-4-1-4-and-premium-add-ons/
Related issue: https://theeventscalendar.com/support/forums/topic/events-list-widget-net-displaying-events-when-using-woothemes-sensei-plugin/
Best regards,
IsmaelIn reply to: Tabs on Mobile
Hey BrendaSarg,
Thank you for using Enfold.
Wrap the code inside a css media query so that it will only affect the desktop view.
@media only screen and (min-width: 768px) { /* Add your Desktop Styles here */ }Best regards,
IsmaeloIn reply to: Nice Demo that App-Demo
Hi,
Thank you for using Enfold.
Add this in the Quick CSS field to hide the elements on tablet screens:
@media only screen and (max-width: 989px) { .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet { display: none !important; } }By default it is set to hide on screens lower than 767px.
Best regards,
IsmaelHello,
For lightbox window size and background mask opacity. I used following css to increase window size to 1280px and bg opacity to 0.9 showing less original content.
.mfp-iframe-holder .mfp-content {
max-width: 1280px;
position:center;
top:30px;
}.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
opacity: 0.9 !important;
background: black !important;
}This works on links that has a custom url (either an image or video). However, when I choose “Lightbox linking active” in a masonry gallery element. it ignors my css settings, using the default layout which is less then 1280px and more bg content opacity. Although my targeted image size is >= 1280px. That is not I want. So how to change its default lightbox window size and the bg opacity.
You can see in the link I provided, when you click the video link on an image, it pops up a correct 1280px lightbox with 0.9 bg mask opacity. But when you click on a masonry gallery below, the popup window is less then 1280px.
And if possible, could you list the reference for all the essential lightbox CSS formats, including its icons (arrows), subtitle font size, position and how it shows differently on mobile.
Topic: Main menu links
Hello,
How can I adjust / expand the background width reap. right hand side padding (dark blue color on mouse over) for the main menu link “Kontakt”?
It worked for a while with the following CSS, but, it is cut off again:.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px;
}(The > signs are not converted to $.)
Thanks for your help.
Best
In reply to: 3.6.1 vs 3.6? Not listed in changelog
Hi Ryan,
I totally agree, we should have a stick topic for that. Thanks for the suggestion!
Best regards,
RikardIn reply to: Seperate Mobile Menu Issues
Hey saucyhotdesign,
in my case i used this css as i was using the mobile menu on tablet dimensions as well
@media only screen and (min-width: 990px) { .nodesktop {display: none;} } @media only screen and (max-width: 990px) { .nomobile {display: none;} }For setting the css classes: In the menu admin page at the top right there is a button “screen options”. You can activate css classes there and then set them for each menu item individually.
This method is a bit of work because you have to duplicate then menu items and then set the css classes accordingly, but i workes like a charm
have fun
Hi,
Is there a simple way to get the mailchimp signup on one row, i.e. the button on the same row as the email field. I saw the discussion in https://kriesi.at/support/topic/footer-and-enfold-mailchimp-newsletter-widget-horizontal-and-responsive/ but for some reason I could not get it to work.Keep up the good work!
Hi,
Great, glad you got it working again. Please let us know if you should need any more help on the topic.
Best regards,
RikardIn reply to: How to enter "i am not a robot"
Hi,
Ok, hope you get it working. Please let us know if you should need any more help on the topic.
Thanks,
RikardHi,
Thank you for the info. Increase the width of the masonry container:
.av-masonry-container.isotope { width: 102%; }Best regards,
IsmaeloIn reply to: Enfold in english, footer problem… Help
Hi,
Thank you for using Enfold.
Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
For the breadcrumb issue, please try the solution provided by the users here: https://kriesi.at/support/topic/language-enfold-theme-after-upgrade-3-6-2/#post-644186
Regarding the footer columns, please go to the wp-content > themes folder. Delete the enfold theme folder then re-upload it again.
Best regards,
IsmaelHallo Vivian,
I’ve tagged the topic for our german speaking moderator, please wait for his reply.
Best regards,
RikardI need some assistance on this as well but for tablet. I am aware that parallax has been disabled on tablet which is fine SO I made a secondary version of my color sections WITHOUT parallax to be shown on tablet only (using @media) and I set them to stretch to fit and scroll and they are still showing a broken parallax that only covers half the color section.
I simply want to be a plain stretch to fit image behind my elements – I can’t get it to stop broken-parallaxing.
Please help :(I did try the code above to try and force it to stretch-to-fit to no avail. I am using a apple ipad 2.
Viewing 30 results - 94,531 through 94,560 (of 142,833 total)
