Forum Replies Created
-
Posts
-
Hello Guenn,
With
.togglecontainer .av_toggle_section .toggler:focus, :active {
outline: none !important;
}
same, no effect.Hello Mike,
Sorry, this does not work and the blue line is still visible on Safari. Here is my entire CSS for the accordion:
/* Tab title style */
.av-accordion-style-2 .toggler {
font-family: “soleil”, sans-serif;
font-size: 18px;
color: #297339;
font-weight: lighter:
padding-left: 0px;
padding-right: 30px;
margin-left: -30px;
background: #fff;
line-height : 1.3;
}.av-accordion-style-2 .activeTitle.toggler:hover,
.av-accordion-style-2 .activeTitle.toggler,
.av-accordion-style-2 .toggler:hover {
color:#6db66d;
background: #fff;
}/* Accordion icon */
.av-accordion-style-2 .toggle_icon:before {
position: absolute;
font-size: 25px;
top:50%;
transform: translateY(-50%);
left: 0;
content:’\e873′;
font-family: ‘entypo-fontello’;
line-height: 0;
color:#6db66d;
}/* Active tab icon */
.av-accordion-style-2 .activeTitle .toggle_icon:before {
content:’\e876′;
font-family: ‘entypo-fontello’;
color:#6db66d;
}/* Hide default icon */
.av-accordion-style-2 .toggle_icon {
border:none;
position: absolute;
left: auto;
right: 20px;
}.av-accordion-style-2 .toggle_icon .vert_icon,
.av-accordion-style-2 .toggle_icon .hor_icon {
display:none;
}/* Toggle content area */
.av-accordion-style-2 .toggle_content {
font-family: “soleil”, sans-serif !important;
letter-spacing: 0px !important;
line-height: 1.8 !important;
color: #666666;
background: #fafafa;
font-size: 15px !important;
}.av-accordion-style-2 .toggle_content a {
font-family: “soleil”, sans-serif !important;
letter-spacing: 0px !important;
line-height: 1.8;
font-weight : 100 !important;
color: #6db66d;
background: #fafafa;
font-size: 15px !important;
text-decoration: none;
}.av-accordion-style-2 .toggle_content a:hover {
border-bottom: 2px dotted #6db66d !important;
}/* Suppression des bordures */
.js_active .toggler, .js_active .tab {
border: none !important;
}/* Suppression ligne sur Safari */
.togglecontainer .av_toggle_section .toggler:focus {
outline: none !important;
}Best regards
Bertrand
Hello Mike.
Everything’s working properly. Thank you very much for your interventions.
Best regards
Bertrand
Hello Mike
Here is what I applied in css for the 2 menu items 1869 and 4579, mentioned by Rikard and you
#menu-item-1869 > a:after {
content: ‘\e877’;
font-family: ‘entypo-fontello’;
padding-left : 5px;
padding-right : 1px;
position : relative;
color: #50C6DB;
font-size: 14px !important;
}#menu-item-1869 > a:hover::after {
color: #fff !important;
}#menu-item-4579 > a:after {
content: ‘\e877’;
font-family: ‘entypo-fontello’;
padding-left : 5px;
padding-right : 1px;
position : relative;
color: #50C6DB;
font-size: 14px !important;
}#menu-item-4579 > a:hover::after {
color: #fff !important;
}/* ICON COLOR REMAINS WHITE ON HOVER SUBMENU */
#top #header .av-main-nav > li:hover > a:after {
color: #fff !important;
}/* MENU 1869 AND 4579 ON TRANSPARENT HEADER */
#top #wrap_all .header_color.av_header_transparency #menu-item-1869 > a:after {
content: ‘\e877’;
font-family: ‘entypo-fontello’;
padding-left: 5px;
padding-right: 1px;
position: relative;
color: #fff !important;
font-size: 14px !important;
}#top #wrap_all .header_color.av_header_transparency #menu-item-1869:hover > a:after {
content: ‘\e877’;
font-family: ‘entypo-fontello’;
padding-left: 5px;
padding-right: 1px;
position: relative;
color: #50C6DB !important;
font-size: 14px !important;
}#top #wrap_all .header_color.av_header_transparency #menu-item-4579 > a:after {
content: ‘\e877’;
font-family: ‘entypo-fontello’;
padding-left: 5px;
padding-right: 1px;
position: relative;
color: #fff !important;
font-size: 14px !important;
}#top #wrap_all .header_color.av_header_transparency #menu-item-4579:hover > a:after {
content: ‘\e877’;
font-family: ‘entypo-fontello’;
padding-left: 5px;
padding-right: 1px;
position: relative;
color: #50C6DB !important;
font-size: 14px !important;
}But it doesn’t work on the CONTACT page which is in transparent header
Thanks a lot
Bertrand
Hello Mike
This is the link: Contact page
Best regards
BertrandHello Rikard
Yes, I have one last question on a specific page with a transparent header. The icon remains blue in the static main menu whereas in this case I would like it to be white. (only on static, non hover)
Do you have a specific CSS for this specific type of page with transparent header ?Best regards. Thanks
Hello, Rikard,
Thank you, it works perfectly.
I’m sorry I offended you. You should know that in our web agency, we’ve loved working with Enfold this for many years and sometimes we’re a little too demanding. I’m sorry. I’m sorry.Hello, Victoria.
I’m sorry. But I’ve noticed repeatedly that often no one answers our inquiries about our clients’ various Enfold accounts. But again, I’m sorry.
Here are the two screenshots.
The icon does change color between blue and white when the item menu hovers. But if I scroll down to go to one of the links in the sub menu, the icon turns back to blue while I would like it to stay white.
Hello Rikard,
Directly on the website https://www.creative-aventure.com/ on the main menu “ACTIVITÉS” (mega menu), the 4 images of the same size (currently purple for model) are not aligned together. I can not find on the forum Enfold, a topic CSS to align them.
Hello Enfold Team,
Nobody can help me in the Enfold forum, no moderator? Thank you for helping me find the solution.
Hello Rikart.
Just after the grid line, all the color sections functions, such as hide for mobile, or put the column for the breakpoint to 989px no longer works at all.
I just passed you all the information to login. The page is: LOISIR – Rock climbingThanks a lot
It works now. I just replaced my code:
.av-main-nav li > a:before {
content: ‘•’;
margin-right: 22px;
}with your:
.av-main-nav li.menu-item > a:before {
content: ‘•’;
margin-right: 22px;
}and for that to work perfectly, it is necessary to add the following 2 lines of codes:
.av-main-nav li > a > .avia-menu-text {
border: none!important;
}ul#avia-menu > li:nth-child(1) > a:before {
display: none;
}Thank you for your precious help Guenni007
Bertrand
I just put your code, thank you to see on the site what it gives. The point in front and the bar dividers must be removed.
Sorry Guenni007, but that was not my question, here is the address of the site: http://pacific-palisade.com to understand what I want to do.
I understand now. When you load some pictures with always an FTP ERROR, can cannot set your masonry correct. You have to switch theme, upload your images and come back to Enfold. I don’t understand why nobody can fix this bug. I spent to many hours to understand that.
Cheers to all the team
