Forum Replies Created
-
Posts
-
Hi,
Try this code in the General Styling > Quick CSS field:.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {max-height: 75vh !important; }adjust the number to suit.
Please clear your cache :)Best regards,
MikeHi,
In my test the contact form looked low because of the admin toolbar, once I disabled it the contact form looked correct. Please try this and test for yourself, as your visitors will not see the admin toolbar when your site goes live.
To disable the admin toolbar, go to your profile and uncheck the toolbar box.
Best regards,
MikeHi,
For issue 2, I changed to “list-style-position: disc outside” and added “margin-left: 7em” to move it closer to the text, So the new code looks like this:@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .page-id-3274 .entry-content-wrapper ul { list-style-position: disc outside!important; margin-left: 7em!important; } } @supports (-ms-ime-align:auto) { .page-id-3274 .entry-content-wrapper ul { list-style-position: disc outside!important; margin-left: 7em!important; } }Please clear your cache and check.
Best regards,
MikeHey aditive,
I also found that #e30020 was being converted to a web safe color of #e3001e, but we can add a css rule to over ride this change..header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type='submit'], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2, #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text, .header_color .av-colored-style .av-countdown-cell-inner, .responsive #top .header_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .header_color .av-open-submenu.av-subnav-menu li > ul a:hover {background-color:#e30020 !important; }The browser may change to the equivalent rgb(89%,0%,12.5%)
Best regards,
MikeHi,
Try this code in the General Styling > Quick CSS field:#header_main { margin-bottom: -8px!important; }Best regards,
MikeHey rpfmarketing,
This looks like our tab element, can you confirm that this is the correct behavior, please go to: Enfold Tab Element
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,
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,
If I understand correctly on these pages you would like the footer to show just a little so you can read the footer text, and mobile screens are fine. So I wrote this to target only those three pages for tablet and above.@media only screen and (min-width: 768px) { #top.page-id-1404 #main .template-page.content,#top.page-id-1416 #main .template-page.content,#top.page-id-999 #main .template-page.content {min-height: 70vh!important; } }You will note the page-id’s in the repeating rule separated with a comma, to add more just add a comma and this rule:
#top.page-id-XXX #main .template-page.contentchange the XXX to your page ID number, or list the pages here.
I found 70vh looked best, but you can adjust to suit. Please see screenshot in Private Content areaBest regards,
MikeHi,
In order to use the code so it will not interfere with other pages you will need to add the page_id of the page that is too short to the code. If you would like assistance figuring out your page_id for that page please include a link to it.
For that page that is too short was 80vh good, or did you try different numbers?
Overall there is not a single fix for pages that don’t have enough content, other than adding more content or some code like this.
Do you plan on having many pages that are short like this?Best regards,
MikeHi,
Perhaps using a plugin would be better, here’s one I tested for you: Horizontal Scrolling Announcement
Install the plugin by going to Dashboard > Plugins > Add New and search for the above one, and activate it.
Then go to Dashboard > Settings > Horizontal Scrolling and edit the text in the default announcement and save then click the default settings button below it and note that the default Scroll Amount is set to 2 which is very slow, try setting 10, and then click submit.
Then go to your page with the color section and add a Code Block element
and add this shortcode:[horizontal-scrolling group="GROUP1"]Then save / update the page, and it is now working. When you check the page there maybe a slight delay before it will show, this is also be changed in the settings
To change the color of the text to white add this code in the General Styling > Quick CSS field:marquee a {color: #fff!important; }And that’s it!
There maybe other plugins that you may like better, this just was the first one I found, enjoy.Best regards,
MikeHi,
I tested the search bar shortcode on a clean install localhost in the Header Phone Number/Extra Info area and was not able to reproduce the issue in Edge or IE11, with or without a search in the sidebar.
There must be something else going on, but I’m unsure how to isolate it.Best regards,
MikeHi,
That’s a good suggestion, I can see the banner in Edge & IE11.
please see screenshot in Private Content areaBest regards,
MikeHey elitontorri,
Do you mean that you are trying to use the Layout Builder to make a blog post, but it is not looking the same?
If so that is because the Layout Builder is designed to give you more options, but will behave and look different.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,
Thank you for the video, how did you add font awesome to your site? I see you are loading it from their server (CDN) but did you enqueue the stylesheet in your functions.php?//enqueues our external font awesome stylesheet function enqueue_our_required_stylesheets(){ wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); } add_action('wp_enqueue_scripts','enqueue_our_required_stylesheets');If so, perhaps try self hosting and enqueue the stylesheet in your functions.php like this:
//enqueues our locally supplied font awesome stylesheet function enqueue_our_required_stylesheets(){ wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/css/font-awesome.css'); } add_action('wp_enqueue_scripts','enqueue_our_required_stylesheets');you will need to add the font awesome files.
Best regards,
MikeHi,
WP 4.9 and german formal is the installation language, changing to non formal seems to resolve the problem. The Dev team is working on this. Thanks for your patience and 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,
I meant any site caching plugin, sorry I got to start wording that better :)
The other two css is custom.css and dynamic-css.php which is keeped in your database.Best regards,
MikeHi,
Sorry, about Emma I didn’t realize the setting weren’t saved. I was trying to rule things out.
Look in layerslider > System Status > Server Settings > Suhosin
Suhosin is an advanced protection system for PHP installations. It was designed to protect servers and users from known and unknown flaws for PHP 5.4.x
We have seen issues with it and mod_sec on WordPress, more notably now that WP is tuned for PHP 7.
Suggesting the upgrade to PHP 7 and disabling Suhosin has helped sometimes, I’m thinking it worth a shot.Best regards,
MikeHi,
The grid css for mobile view changes at that brake point, but we can’t overwrite it because it is using !important;
If you remove the !important; from /wp-content/themes/enfold/css/grid.css line 146 we maybe able to overwrite it, or you can comment out lines 139, 144-146 yourself.
I’m not sure what other effects it will have on your grid.
If you are using a child theme you can add a copy of grid.css to it.Best regards,
Mike
