Forum Replies Created
-
AuthorPosts
-
Hi,
To remove the styling from the shopping cart, Try to add this code in the General Styling > Quick CSS field:#top div ul.product_list_widget li a { display: block; font-weight: bold; font-size: 12px!important; color: #000 !important; }Please adjust to suit.
Best regards,
MikeApril 3, 2018 at 12:03 pm in reply to: Contact form 7 & Enfold contact form: identical styling #936490Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
It looks as they would not show correctly in portfolio and masonry grids, but you could choose to hide them.
Did you try the solution above to disable the PHPSESSID?Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
I have looked at your sliders and don’t see that you have any mobile versions of them,
The best solution to have a great visitor experience with the layerslider is to create a mobile only version of your slider. Placing the new slider under your current one on the page and using css to hide one or the other depending on the screen size, such as the code above, which will only work if you have two sliders on one page.
We will be happy to show you how this works if you first create a duplicate slider resized for mobile view. Lets use the FAQ page as an example.Best regards,
MikeHi,
I see that the blog post sorting was a issue with the Events Calendar Pro and a older Enfold, but should now be fixed.
I also see you are using Enfold v4.2.4, we are now up to v4.2.6
So I suggest updating your theme. Since you are not getting a update notice in your admin panel, you will need to Try to update manually via FTP: https://vimeo.com/67209750
I recommend backing up your site first.
When you update please delete the whole theme folder, then upload the new one. Please don’t try to overwrite your theme files as some old files will be left behind.
Also be sure your webhost is not using a old PHP version, such as v5.3
If you have a staging site, or can test on your localhost first, this might also be a good idea.Best regards,
MikeHi,
I added links to your 1/4 columns by adding a unique class to each: linkabout, linkblog, linkwork, & linkservice
I named each class as to the page they would link to.
Then I added this function to your functions.php to make the links for each:add_action('wp_footer', 'link_about'); function link_blog(){ ?> <script> $(".linkblog").click(function() { window.location = "https://mrtree.000webhostapp.com/blog/"; }); </script> <?php } add_action('wp_footer', 'link_blog'); function link_work(){ ?> <script> $(".linkwork").click(function() { window.location = "https://mrtree.000webhostapp.com/contact/"; }); </script> <?php } add_action('wp_footer', 'link_work'); function link_service(){ ?> <script> $(".linkservice").click(function() { window.location = "https://mrtree.000webhostapp.com/service/"; }); </script> <?php } add_action('wp_footer', 'link_service');So as of right now each box links to a page.
What is left is to add the css for the hover effect, here I will give you 4 choices:
1: this makes the image fade on hover:.linkabout:hover,.linkblog:hover,.linkwork:hover,.linkservice:hover { opacity: 0.5; transition: .5s ease; }2: this hides the image and allows the background color to show:
.linkabout:hover,.linkblog:hover,.linkwork:hover,.linkservice:hover { background-image: none !important; transition: .5s ease; }3: this applies a grayscale filter to the image:
.linkabout:hover,.linkblog:hover,.linkwork:hover,.linkservice:hover { -webkit-filter: grayscale(1); filter: grayscale(1); }4: this applies a saturate filter to the image, this may be the best:
.linkabout:hover,.linkblog:hover,.linkwork:hover,.linkservice:hover { -webkit-filter: saturate(5); filter: saturate(5); }Try these out and see which you like best.
Best regards,
MikeHi,
Please try using https://postimages.org/ and pasting the image URL in your post.Best regards,
MikeHi,
Please try deleting the old theme folder, and uploading a new one.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHey Elke,
Try this code in the General Styling > Quick CSS field:@media only screen and (min-width: 767px) and (max-width: 990px) { /*header*/ .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;} .responsive #top #main {padding-top:0 !important; margin:0;} .responsive #top #main .container_wrap:first-child{ border-top:none; } .responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; } .responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; } .responsive .logo a{display:table-cell; vertical-align: middle;} .responsive .logo img{height:80px !important; width:80px !important; display: block; max-height: 80px;} .responsive #header_main .container{height:auto !important; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); } .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;} .responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;} .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;} .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width: 1px;} .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;} .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;} .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;} .responsive #header .social_bookmarks li{float:none; display: inline-block;} .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;} .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;} .responsive .logo img{margin:0;} .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;} .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;} .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;} .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;} .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, .responsive #top .av_header_transparency #header_main_alternate, .responsive .av_header_transparency #header_main .social_bookmarks li a, .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span, .responsive #top .av_header_transparency #header_meta, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;} .responsive.html_top_nav_header .av-logo-container{height:auto;} .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;} /*new mobile*/ .responsive .av-burger-menu-main{display: block;} .responsive #top #wrap_all .main_menu{top:0;height:80px;left:auto;right: 0;display: block;position: absolute;} .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;} .responsive #top .av-main-nav .menu-item{display:none;} .responsive #top .av-main-nav .menu-item-avia-special{display:block; padding-right: 100px !important;} .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; } .responsive #header_main_alternate{display:none;} .responsive #top #header .social_bookmarks{display:none;} .responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;} .responsive #top .av-logo-container .avia-menu{height:100%;} .responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;} .responsive #top #main .av-logo-container .main_menu{display:block;} .responsive #top #main .av-logo-container .social_bookmarks{display:none;} .responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;} .responsive #top #main .av-logo-container .main_menu{display:block;} .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; } .responsive #top #wrap_all .av-logo-container {padding-left:10% !important; } .responsive #top #header_main > .container .main_menu .av-main-nav > li > a{ min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0; } .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;} .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{ background:transparent; color: inherit; } .html_cart_at_menu.html_header_sidebar #header_main .avia-menu { margin-top: 0px; } .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget { display: none; } .html_header_sidebar #menu-item-shop.cart_dropdown { right: 80px; border: none; margin-top: 15px; } .html_header_sidebar #header .container { width: 85%; } }and clear your autoptimize plugin, and browser cache.
Best regards,
MikeApril 2, 2018 at 11:09 am in reply to: Sub menu(dropdown menu) is too closing to our header. What to make it wider. #936000Hey HeeHA,
Try this code in the General Styling > Quick CSS field:.av-main-nav ul { padding-top: 10px !important; background-color: #f0f0f0 !important; }Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
MikeHi,
It is because the diagonal border has a transparent overlap.
Please try this code in WordPress > Customize > Additional CSS:.page-id-206 #av_section_7 .av-extra-border-element.border-extra-diagonal { margin-top: -100px !important; }Best regards,
MikeHey Nathan,
Please add this code to WordPress > Customize > Additional CSS#top #header_main div .logo { left: 6%!important; }Feel free to adjust to suit.
Best regards,
MikeHey unitedinnovation,
Please check your quick css for old burger menu css, and remove it. Be sure to keep a copy of the css though.Best regards,
MikeHi,
Thank you, Try this code in the General Styling > Quick CSS field:#top.page-id-683 .flex_column.avia-builder-el-5 { margin-top: 25px !important; }This looks even to me, but feel free to adjust to suit.
Best regards,
MikeHi,
The login didn’t have admin rights so I couldn’t edit the page to show you how to make these changes easily in the editor for the future.
But since I could view the page, I created this css to add 20px bottom padding to the images. Please add this code in the General Styling > Quick CSS field:#top.page-id-692 .avia-image-container.avia-align-left { padding-bottom: 20px !important; }and adjust the padding to suit.
Best regards,
MikeHey DROR,
Try this code in the General Styling > Quick CSS field:#top .av-large-testimonial-slider .avia-slideshow-arrows.avia-slideshow-controls a { display: block!important; opacity: 1!important; }Best regards,
MikeHi,
Are you sure this is the right page, I see text below images, not side-by-side needing to start at the same height.
Perhaps I mis-understood?
Please see screenshot in Private Content area.Best regards,
MikeHey navindesigns,
The best way to do this is to clone your table and remove the columns that you don’t want to show, then add a custom class to both.
“desktoptable” for the desktop one, and “mobiletable” for the mobile one.
Then add this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) { .desktoptable {display: none !important;} } @media only screen and (min-width: 768px) { .mobiletable {display: none !important;} }I have done this for you so you can see how it works, feel free to adjust to suit.
Please clear your browser cache and check.Best regards,
MikeHey navindesigns,
To have the css only effect the first page, add the page ID to the css. The page ID for the first page is: page-id-5655
So your result is:.page-id-5655 .av-inner-tab-title { font-size: 18px !important; color: #ffffff !important; font-weight: 400 !important; text-transform: uppercase; font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } .page-id-5655 .av-tab-section-tab-title-container { background-color: #7f7f7f !important; } .page-id-5655 .av-inner-tab-title{ min-width: 190px!important; }I have made this change, please clear your browser cache and check.
Best regards,
MikeHey nimo1024,
Please include the url to the page in question so we can take a closer look.Best regards,
MikeHey nimo1024,
Did you add the text and image in the default editor or the advanced layout builder?
Basically you will want to add some padding to the bottom of the image.
If you include a admin login in the private content area and a link to the page we can assist by example so you will know next time.Best regards,
MikeHey mcmahon_pt,
Can you please tell us how you updated, though FTP or WordPress?
Also I see that you are using a CDN, have you tried clearing the CDN cache?If updating via FTP, you don’t want to overwrite your old theme folder as it will leave old theme files, you will need to remove the old folder and files first.
Best regards,
MikeHi,
I uploaded a new version of enfold and your site seems like it is working correctly again.
Please check.Best regards,
Mike -
AuthorPosts


