Forum Replies Created
-
AuthorPosts
-
Hi,
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,
MikeHi,
You could do that or you could use the PNG as the background and set the header as transparent so only the png was visible, this should solve for mobile.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 reset your password, sorry about that.
I see that all of the pages from the demo are installed, for example the Enfold 2017 Demo homepage is linked below.
Plus many more pages.Best regards,
MikeHey govus,
You should be able to do this by adding a div just below<div class='header_bg'></div>
in the /wp-content/themes/enfold/includes/helper-main-menu.php file.
This is the div:<div class="top-edge"></div>
this is the css they used:
.top-edge { background-image: url(https://www.dap.fi/images/dap/top-edge.png); height: 21px; width: 100%; background-repeat: repeat-x; margin-bottom: -21px; position: relative; z-index: 100; background-position: center; }
This is the result:
By adding this css, the div will not show when the header is transparent, before scrolling:.av_header_transparency .top-edge { display: none !important; }
Best regards,
MikeHi,
Sorry, I was not able to do this for you. There are just too many limitations on your hosting plan.
You will need to continue building it as you have been, let us know if there is anything we can assist with while you build your site.
You can take a look at Enfold documentation here
and the video tutorials 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,
The demo has been installed, please check all settings and verify your email address with the link sent to you from your site to change the site email:Yeni adres doğrulanmadan etkinleşmeyecektir.
You can remove the temporary admin account if you wish.
Let us know if there anything else we can assist with on this, or shall we close this?Best regards,
MikeHi,
Froh, dass wir helfen konnten, schließen wir das jetzt. Danke für die Benutzung von Enfold.
Zu Ihrer Information können Sie sich die Dokumentation hier herunterladen
und die Video-Tutorials hier
Und wenn es Funktionen gibt, die Enfold haben möchte, können Sie diese anfordern und die gewünschten abstimmen
Für weitere Fragen oder Probleme, können Sie neue Threads unter Enfold Sub Forum starten und wir werden gerne versuchen, Ihnen zu helfen :)———-
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,
Mike -
AuthorPosts