Forum Replies Created
-
AuthorPosts
-
January 15, 2018 at 12:43 am in reply to: Remove bottom line under color section without removing the top line main menu #897274
Hey OKEI,
Please include the url to the page in question so we can take a closer look. Also please include a screenshot with the line pointed out.Best regards,
MikeHi,
Glad to hear, we will close this now. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.Best regards,
MikeHi,
Here’s a good guide: http://www.wpbeginner.com/wp-tutorials/how-to-create-a-local-wordpress-site-using-xampp/
Here’s a video: https://youtu.be/aAYzmRM43qs
I like to use UwAmp because it is portable: http://www.uwamp.com/en/Best regards,
MikeHi,
Sorry I’m confused now as to what effect you would like. I thought you wanted it to look like the Enfold Band Demo, which is red on hover with no arrow.
Please advise.Best regards,
MikeHi,
Try this code in the General Styling > Quick CSS field:.html_entry_id_346 .product-sorting ul {background-color: #fff !important; } .html_entry_id_346 .product-sorting ul li a {color: #000 !important; }
Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.Best regards,
MikeHi,
Oh, sorry I thought that was what you wanted, like the band demo.
To remove the overlay and the arrow try this:.image-overlay { display:none !important; }
or just to have no color, try this:
.image-overlay { opacity: 0.7 !important; } .image-overlay-inside { display:none !important; }
Best regards,
MikeHi,
For a full screen responsive slider this plugin looks like it may work good for you https://revolution.themepunch.com/wordpress-fullscreen-slider/Best regards,
MikeJanuary 14, 2018 at 9:35 pm in reply to: Can I turn off the rollover effect on my blog images? #897189Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.Best regards,
MikeHi,
Try this code in the General Styling > Quick CSS field:.image-overlay { background-color: #d63e2d !important; opacity: 0.7 !important; } .image-overlay-inside { display:none !important; }
adjust color and opacity to suit. If you want this to only work on some pages, please let us know which ones so we can adjust the code for you.
Best regards,
MikeHi,
Please include the login user name, I see the password and url, thanks.Best regards,
MikeHey kasia80,
I would recommend a two stage approach, the first stage is to create a sub-domain on your webhost and install WordPress to be able to work on the new site. If you make your sub-domain “stagging” your url to work on the site would be “stagging.yourdomain.se” and it will not interfere with the main site. Here is a good step by step video: https://youtu.be/cJBKQvRvPeo
Now that you have your wordpress site running you can login and go to Dashboard > Appearance > Themes and click the “add new” button at the top of the screen. When asked for the file choose your enfold.zip inside the theme forest zip you downloaded. After you should also install the Enfold Child theme called enfold-child.zip Read about using a Child Theme and then active the child theme, it uses the Enfold theme, but allows you to save any special customizations after any theme updates.
Now you can start creating, here are some great videos to get you started: https://kriesi.at/documentation/enfold/videos/When you are done, you can go to stage two, which will be to install WordPress on your main domain, much like before but you use your root folder when installing.
Then you can use the plugin called all-in-one-wp-migration to copy your stagging site to your main site, it’s very easy. Here’s a
All-in-One WP Migration tutorial
And that’s it. This may seem like a lot but it’s very easy, and if your have questions we will be happy to help.Best regards,
MikeHi,
To remove the slideshow controls Try this code in the General Styling > Quick CSS field:#top.page-id-53 .avia-slideshow-controls {display:none!important;}
Best regards,
MikeHey Ghallab,
In that case the grid row element is being used, each cell has the option to have a background image.
To import pages or sections from one of the demos to your working site without affecting your settings you can create a localhost site and import the demo. Then Enable Avia Layout Builder Debug and copy the shortcode from one page or site to another. Let us know if you would like advice on how to create a localhost on your computer, we will need to know what OS you are using.Best regards,
MikeJanuary 14, 2018 at 8:10 pm in reply to: Remove meta in blog & remove comment section in article #897164Hey mwaxman1,
Try this code in the General Styling > Quick CSS field:.html_entry_id_346 #main.all_colors {display:none!important;}
Best regards,
MikeHi,
It looks like you are using a Lazy Load plugin, if so it may be adding time to the animation. We have seen other issues where the Lazy Load delayed caused issues with the elements. Try disabling your plugins to see if that helps.Best regards,
MikeHey spalta,
The images on your home page don’t have the arrow on hover, so I found a different page that did, please check the url in the Private Content area to ensure I’m looking at the correct element.Best regards,
MikeHey jumamedia,
I’m not sure I understand, it seems the footer & socket look the same on every page. Can you include a screenshot of the issue and how you would like it to look?Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.Best regards,
MikeHey santanin,
I have taking a look and IE11 doesn’t render images well because it’s using an old engine, the solution is suppose to be putting X-UA-Compatible IE=Edge in the header, so I put this code to the end of your child theme functions.php file in Appearance > Editor:add_action( 'send_headers', 'add_header_xua' ); function add_header_xua() { header( 'X-UA-Compatible: IE=edge,chrome=1' ); }
and cleared your site cache, but didn’t notice a difference.
I then uploaded a smaller logo and used a media query to target IE11 only in your child theme css:@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { span.logo a:before { content: ''; background: url(https://yoursite.com/wp-content/uploads/2018/01/tclogoie2.jpg) no-repeat center; display: block; height: 78px; } }
While the image looked good in IE11 my attempts to hide the old logo failed, IE11 is limited as it is not css3 ready.
Overall IE11 is hard to work with and why Edge is it’s replacement, your logo looks good in Edge.
I would suggest trying some other sizes for your logo, I know you don’t want to go down to 340px, but 1400px is way to big. Perhaps try 700px, it should still look good on other browsers and may work with IE11. If you try a few sizes I’m sure you will find a good compromise.Best regards,
MikeHi,
For the font-size and button color try:#top.product-template-default.single.single-product h1.product_title.entry-title {font-size: 17px !important;} #top.product-template-default.single.single-product div .main_color .button {background-color: red !important; }
adjust to suit.
The thumbnails are a part of the product element, and not easy to separate.
If you use the advanced layout builder it will be very different, not all of the elements with work with woocommerce. But you can try to see if you like it.Best regards,
MikeHi,
Try:h2.post-title.entry-title a {font-size: 20px !important;}
adjust the number to suit.
Best regards,
MikeHi,
That’s great news! Sorry it took so long, thanks for your patience.
Is there anything else we can assist with on this issue, or shall we close this then?Best regards,
MikeJanuary 13, 2018 at 11:54 pm in reply to: Form submissuon: how to scroll to the first error? #896976Hi,
I found this script that will scroll to the top of the page and changed it to be triggered by the submit button. What is nice about this is your can change “scrollTop: 0” to “scrollTo 100” and it will stop 100px from the top of the page, meaning you can adjust where on your page you want it to stop. And it’s not dependent on the ajax ID getting caught.
I tested it on my localhost and it seems to work.
Try adding this code to the end of your functions.php file in Appearance > Editor:function add_custom_scroll(){ ?> <script> $(document).ready(function () { $('input.button').click(function () { $("html, body").animate({ scrollTop: 0 }, 600); return false; }); }); </script> <?php } add_action('wp_footer', 'add_custom_scroll');
Best regards,
Mike -
AuthorPosts