Hi Mike,
this is really nice, thank you!
Is it possible to add a border to the top and bottom, like on the screenshot (1px solid #000)?
kind regards
Jak
Thanks for the reply,
No parent status on any pages.
The css you sent stops the duplicate underline for the current menu item, but not in the right way. Now when we click Outdoors for instance it hides the line under Outdoors and underlines the Services tab where the Outdoors page is also in that drop down menu. The services menu item should only be underlined when the services page is active which is a page you get to when you click services but don’t go down to one of the drop down menu items.
Can we get it to work the other way around where services is not underlined and outdoors is?
Thanks so much
Hey reqonsult,
Can you try to add the following CSS code:
#top .av-video-slide.av-video-playing a.avia-button {
pointer-events: all;
}
It might be necessary to add !important.
Best regards,
Günter
Hey Bruno,
The update to 6.0.2 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/
Best regards,
Rikard
Hey ofeuillet,
I answered in your other topic: https://kriesi.at/support/topic/accordion-header-issue-since-enfold-6-01/
I will close this.
Best regards,
Günter
Hi,
Thank you for the screenshots.
We temporarily added this code to fix the issue.
.responsive #top .avia-section .container {
z-index: 2;
}
.responsive #top .avia-section .av-section-color-overlay {
z-index: 1;
position: absolute;
}
We’ll forward this thread to our channel.
Best regards,
Ismael
Hello,
Since installing Enfold 6.0.1, I’ve had a “Welcome to Enfold 6.0.1 – A small update fixing minor bugs and a performance issue for large sites” banner notification, with info about the update, at the top of every page in my WordPress admin interface. I can’t get rid of it. If I click “Dismiss,” it goes away temporarily, but pops up again the next time I open that page. I just installed Enfold 6.0.2, and these notifications for 6.0.1 persist everywhere.
Please advise. How to I get rid of them? Thanks! Lance
Hi guys,
Ran into a glitch I can’t figure out. On this mock : https://anthonyi24.sg-host.com/
The theme creates an underline for the current menu item. Problem being that some of the menu items are duplicated under the menu item services as a drop down . As such when I click on for instance ‘outdoors’ services is also underlined I imagine because outdoors is also under the services menu item. I tried making the drop down menu items custom links but that had no effect. How can I stop this from happening?
Thanks
Hi there
You can close this case, as the work – debugging your product – is too much compared to what I as a customer get out of it.
I have found that I can create new Accordions without any problems.
It is very mysterious that this particular Accordion suddenly stops working after having worked for years. And after I haven’t changed the content for years.
If I need to correct the content of the faulty Accordion, I now know how to access the code.
Sincerely yours
Hanne B. Stegemüller
Denmark
Hi,
I don’t know anything about that unfortunately. I did a quick search for it though, and this thread might bring some light to your question: https://wordpress.org/support/topic/notice-from-autoloaded-options-could-affect-performance-on-my-site/
Best regards,
Rikard
Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.container_wrap {
border-top-style: none;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hello Rikard,
thanks again for trying. Which browser did you use for testing?
If I add your code, it kills my white mobile menu color.
The mobile menu for mobile phones looks perfect, there is no problem.
The problem is always the desktop version there is still no change with your codes.
Do you have any other idea?
Kind regards,
Nina
Sounds easy enough!
I added a portfolio category ‘Gast’ and added the following function to ad a custom class to the categorized portfolios, but I cant seem to get the banner to show up.
I added this to functions.php of the child theme:
function add_custom_category_class($classes) {
if (is_category('378')) {
$classes[] = 'category-378';
}
return $classes;
}
add_filter('body_class', 'add_custom_category_class');
and this to my css:
.category-378 .grid-entry .inner-entry {
position: relative;
}
.category-378 .grid-entry .inner-entry::before {
content: 'Gast';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
background-color: rgba(255, 0, 0, 0.8);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: bold;
transform: rotate(-45deg);
transform-origin: top left;
z-index: 1;
}
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.main_color.iconbox_top .iconbox_icon:before {
color: blue;
font-size: 20px;
}
Best regards,
Rikard
PS This is not the topic, but I found problems in the block editor with wordpress 6.6. I was obliged to downgrade to wordpress 6.5.5 that is OK.
-
This reply was modified 1 year, 8 months ago by
cuccarini.
they got a nice docu – i think there is no special trick for it: https://krpano.com/docu/embedpano/#top
Hi,
Thank you for the update.
Please check the privacy modal and look at tabs 3 and 4. You’ll find the same privacy toggles in both tabs. Please remove the duplicate toggles or remove the entire tab in the Enfold > Privacy & Cookies > Cookie Handling > Modal Popup Window section.
The script above removes the role attribute from the specified elements:
Header:
<header id="header" class="all_colors header_color light_bg_color av_header_top av_logo_left av_main_nav_header av_menu_right av_custom av_header_sticky av_header_shrinking av_header_stretch_disabled av_mobile_menu_phone av_header_transparency av_header_glassy av_header_searchicon_disabled av_header_unstick_top av_seperator_small_border av_bottom_nav_disabled av_alternate_logo_active" data-av_shrink_factor="50" itemscope="itemscope" itemtype="https://schema.org/WPHeader" style="margin-top: 0px;">
Menu:
<nav class="main_menu" data-selectname="Velg en side" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement">
<div class="avia-menu av-main-nav-wrap">
<ul role="menu" class="menu av-main-nav" id="avia-menu">
</nav>
If you want to remove this manually from the template, edit the enfold/includes/helper-main-menu.php file and remove the avia_markup_helper function around line 213:
$main_nav = "<nav class='main_menu' data-selectname='" . __( 'Select a page', 'avia_framework' ) . "' " . avia_markup_helper( array( 'context' => 'nav', 'echo' => false ) ) . '>';
Best regards,
Ismael
Hi,
Thank you for the info.
The FR language has the following custom CSS, which overrides the custom 25px bottom padding of the Special Heading element. Did you add this css code?
#main .container_wrap_first .av-special-heading {
margin-top: 0px;
padding-top: 12px;
padding-bottom: 8px;
}
Best regards,
Ismael
Dear team,
we have embedded a few of our YouTube videos using a code block. They look great on the desktop version – we have adjusted the size to fit the frame.
The thumbnails are now cut off in the mobile version or are no longer completely visible.
The option “hide on mobile screens” is unfortunately not an option for us.
Is there a way to implement the embedded YouTube code with the appropriate mobile size using additional CSS for this?
Do you have a suitable CSS for this, where I only have to insert the YouTube code + the appropriate size?
Unfortunately, I haven’t found anything about this in the forum yet.
Thank you very much!
Kind regards,
Nina
This reply has been marked as private.
Hi,
Please try this CSS instead:
@media only screen and (max-width: 990px) {
.responsive #top #wrap_all .av-logo-container {
height: 50px;
line-height: 50px;
}
.responsive #top #wrap_all .content {
padding-top: 0;
}
}
Best regards,
Rikard
Hey Jak73,
You can have separate styling for all languages in Quick CSS, did you check if you have any custom CSS which is added in one language but not the other? You can switch languages at the top of the theme menu.
Best regards,
Rikard
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hey ijnavas,
For this page you will need to change the page ID in the css, please try this css for the new page:
#top.page-id-1403 #after_section_1.main_color {
background-color: #094562;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi,
I hope you are doing well!
Just a quick question. I tried to edit the background color of Normas (I want it exactly like Horarios), but it didn’t work. I used also the CSS you told me in another topic and added it to Quick CSS.
Thank you in advance!
Hey strumpumpel,
Thank you for the inquiry.
I would like that the .avia-caption-content below the .avia-caption-title.
This is the default position of the title and caption, but it was altered using this css code:
#seowie .caption_framed .slideshow_caption .avia-caption-title {
top: 105px;
position: relative;
}
Please remove the css code, then temporarily disable the Enfold > Performance > File Compression settings.
Best regards,
Ismael
Hey Jak73,
Thank you for the inquiry.
1.) Please add this css code to remove the background of the language switcher.
.av-main-nav ul li.menu-item-language, .av-main-nav ul li.menu-item-language a, .av-main-nav .menu-item-language .sub-menu {
background: transparent !important;
box-shadow: none;
border: none;
}
2.) To reduce the space between the language switcher and the active language, please include this css rule:
.av-main-nav .menu-item-language .sub-menu {
margin-top: -20px;
}
Best regards,
Ismael
Hey Qgrafica_7,
Please try the following in Quick CSS under Enfold->General Styling:
#top #main span.av-milestone-icon {
border-color: transparent;
}
Best regards,
Rikard