Hi,
Try adding this css code in Quick CSS:
#top .main_color.iconbox_top .iconbox_icon {
padding: 10px 13px 10px 5px;
}
Just adjust the paddings as you see fit. Hope this helps :)
Best regards,
Nikko
Hi,
You are making progress on it, however you would probably need to add also the page-id-xx from the body’s class as well as the section’s class to make the background color specific. It’s a bit hard to target it but with those additional classes on top of it that should make it change the background color but not globally.
Best regards,
Nikko
Hi,
Why don’t you make the first slide have auto-rotation and have the rest (4) of the slides not auto-rotate? Also, there is no option in fullscreen slider to stop on the last slide.
Best regards,
Nikko
Hey pedroproiettile,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #full_slider_1 .avia-slideshow-inner {
max-height: 457px;
}
Hope this helps :)
Best regards,
Nikko
Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .av-magazine-time {
display: none;
}
Let us know if this helps :)
Best regards,
Nikko
Hi Graham,
You’re welcome :) Try adding this css code:
#top .av-masonry-container.isotope:after {
display: block;
background: #f5f5f5;
width: 100%;
height: 17px;
position: absolute;
bottom: 0;
content: '';
}
Hope this helps :)
Best regards,
Nikko
Hey hingex,
Try adding this css code in Quick CSS (located in ENfold > General Styling):
#top .social_bookmarks {
text-align: center;
}
#top .social_bookmarks li {
float: none;
display: inline-block;
}
Let us know if this helps :)
Best regards,
Nikko
Hi,
Try using this css code:
#top .av_toggle_section:hover span.toggle_icon .vert_icon,
#top .av_toggle_section:hover span.toggle_icon .hor_icon {
border-color: #fff;
}
Let us know if this helps :)
Best regards,
Nikko
Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #header {
position: absolute;
background: rgba(255,255,255,0.6);
}
#top #header .header_bg {
background: transparent;
opacity: 0;
filter: alpha(opacity=0);
}
Let us know if this helps :)
Best regards,
Nikko
Hey Simon,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #sub_menu1 {
background: rgba(37,37,37,0.95) !important;
}
Let us know if this helps :)
Best regards,
Nikko
I have trouble with Layerslider on my web page.
There seems to be some Jquery issue with multiple layer slider. There seems to be obvious problem if page is loaded in Chrome or Firefox, but there are no problems loading page in Explorer.
Problems:
– sometimes it loads the photo in attachement with problem http://imgur.com/a/8nSZk
– sometimes when page loads, it doesnt want to show menu on Potovanja, Samsara link (top right links). Also when this happens it doesnt load submenus
Maybe there is some issue in the code.
Or maybe there is a problem, because LayerSlider is not updated.
I have tried to update is myself, but since the layerslider is within Enfold theme, i cannot do that.
I would need your help in updating layer plugin.
I have problems with other pages as well. Under private content you can see how the pages look like and how they should.
Thanks, Ana
Hi
My problem is now resolved thanks for trying to help. I Appreciate it if you now delete this topic thank you
Hi Dear Enfold Friends!,
I’m trying to make first steps to create my website and have 3 questions.
1. I’m working with “Accordion” Toggle – Content Element and asking myself if it would be possible to make the toggle_content animation a bit smoother. I found already few Threads about this Topic, but none of them seems to work for me.
Is “Toggle” animation actually broken on Enfold?
2. I’m wondering, if there would be any CSS solution for changing “width” and “hight” of particular
(content surface and Title spaces) Toggle elements?
3. Is it posible to show Toggle content through “mouse hover” action?
Best Regards, Ioio
Hello, does the following code not work anymore? I tried it and it doesn’t seem to work. If not, can you please provide CSS that will replicate this solution?
https://kriesi.at/support/topic/different-menu-on-mobile-view/
Thanks!
-Brad
Hey!
Indeed the images are different in size but of a similar proportion, is that what causes the error?
Yes, probably. The isotope script miscalculates the position of the items somehow. Unfortunately, we don’t know of any fix for this yet. Please try to use images with the same size and proportion.
Cheers!
Ismael
Hey hannerinc!
Thank you for using Enfold.
Please replace the css code with this.
#top .flex_column.arrow-container {
position: relative;
background: #d50d0d;
border: 4px solid #d50d0d;
z-index: 9999;
}
#top .flex_column:before {
display: none;
}
#top .flex_column.arrow-container:before {
right: auto;
top: 50%;
content: "" !important;
height: 0;
width: 0;
position: absolute;
display: block !important;
border-style: solid;
border-width: 12.5px 20px 12.5px 0;
border-color: transparent #d50d0d transparent transparent;
left: -20px;
visibility: visible !important;
margin-top: -12.5px;
}
Cheers!
Ismael
Hi ChichesterDesign!
Thank you for using Enfold.
Please try to decrease the font size and the padding of the menu items for smaller screens.
@media only screen and (max-width: 1200px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 10px;
font-size: 12px;
}
.responsive #top .cart_dropdown {
position: absolute;
right: 7.5%;
}
.responsive .main_menu {
position: static;
}
}
The css code above will also adjust the position of the cart icon.
Regards,
Ismael
Hi lech07!
Thank you for using Enfold.
1.) Are you resizing the browser in order to reproduce the issue? Please note that this video will be disabled on an actual mobile device. Did you modify the js > shorcodes.js file? Please look for the thread here.
// https://kriesi.at/support/profile/lech07/topics/
2.) Did you enable the color section’s Section Background > “Hide video on Mobile Devices?” option?
Best regards,
Ismael
Hi alonarad!
Thank you for using Enfold.
1.) Please refer to the following link.
// https://kriesi.at/support/topic/rtl-portfolio-grid-2/#post-714685
2.) Could you please provide a link to the page? And a screenshot of the layout that you want.
Cheers!
Ismael
Mark Hancock
I tried logging in using IE, and it won’t log me in. I also can’t see anywhere on your site where you can change your credentials, although I don’t think I am logged in right now anyway since when I try to access Support it says “You must be logged in to create new topics” at the bottom of the list of topics already reported. This is becoming very frustrating to me that I can’t get help from you to resolve this login issue, which also means I can’t get help with the problem I have with my website which is that the top menus bleed into the icon, and the dropdown menus are transparent and the font is dark blue so they are almost invisible then they drop down. This seems to have occurred after the last 2 WordPress updates.
Having trouble with LayerSlider not showing up across top of many of my website pages (url below). Is this a known problem with older versions of Enfold? Been great for the past year or so; not sure what happened. I’ve already downloaded the 6.0 version, but can’t have two versions running either. Any help here most appreciated! (Have already done all plug-in conflict checks, called host about site errors, etc.)
Hello Ismael,
To see if you can help me, to be able to hide the top menu only when scrolling.
Thank you very much!
Hi,
How do I change the background color for just one page? same for fonts?
I tried this css from other threads, but no luck
#top.page-id-1088 {
background-color: #000 !important;
}
thanks
Hi,
yes you can do this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then use a code inside of Quick CSS field like this for example:
For desktop:
.your-custom-class {
display: none;
}
For mobile only add media queries:
@media only screen
and (max-width: 736px) {
.your-custom-class {
display: none;
}}
Best regards,
Andy
Hey DROR,
use this code inside Quick CSS field:
.avia-menu-subtext {
margin-top: 20px !important;
}
and adjust as needed.
Best regards,
Andy
Hi vegasft,
Ok, I’ve checked that on shrinked desktop browser and it didn’t work.
However when I open the website on mobile, then it resolves correctly.
Hello, I saw the thread at: https://kriesi.at/support/topic/events-calendar-breadcrumb-shows-events-twice/ and tried everything listed but that didn’t solve the issue. What else can I do?
Thank you for your excellent support team!