Hi,
Glad we could help. 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, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi, I´ve this web with a layer made for mobiles and a layerslider made for desktop. I´ve added this code in quick css, but on mobiles the images are hidden.
I don´t know what is the problem.
layerslider_4 is for mobles and the layerslider_3 is for destop:
@media only screen and (max-width: 990px) {
.home #layerslider_3 { display: none !important; }
}
@media only screen and (min-width: 990px) {
.home #layerslider_4 { display: none !important; }
}
thanks!
Thanks for your answer. How can I tell if the changes I have made are only in theme options? I did not understand this part very well, sorry. On the other hand, if I have to pass what I’ve already done to a child topic, how do I do it without losing anything? Can you help me please?
Hello Support,
Just noticed that the tab section Tabs are not visible in mobile width. Only the first tab content shows but now tabs to access the following contents. It does not matter if tabs are set to show left or top of the content. just checked.
Please help!!
Regards,
Gregor
-
This topic was modified 8 years, 10 months ago by
gregorh.
Hi John,
thank you for your answer and the link.
As it turns out, the Problem was caused by a faulty plugin, which should have only list some cart Content in frontend, causing the menu-editor in backend to crash. After solving that out, all the menues are visible and it does not require any further, Manual Job to copy something from the ENFOLD main theme.
So, maybe the posted description refers to an old behaviour?
Please consider this topic as solved.
Thank you,
Regards,
Michael
Hello Nikko,
thank you very much! The result is 50%, it would be great to solve the remaining problem :
1) the grey line below the two grids row in the middle of the page with the pictures is disapperead now. -> That’s fine!
2) the grey line below the starting picture at the top of the homepage is still present. -> :-(
Perhaps this might help you:
Construction of Home page:
———————————————
– “Farb section” with selection “No border” for top and bottom of section
– inside “Farb section” are three Columns with individual height and space between columns, no inner padding, no frame.
– inside “Farb section” but below the three columns is a separator/whitespace with 50px
– below the “Farb section” continoue again three columns but not within a “Farb section” or other. Starting with text “Die Digitalisierung ….”
It would be fine to solve this problem, my customer is a bit annoyed about these grey lines. Thanks for the first 50% !
regards,
Uwe
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Morning Jordan,
Sure pleasea link to screen shot below. The first image at the top is the main one and the thumbnails are appearing 100% width like you said and are pixelated.

Cheers
Antonio
Hey jgraddy,
1. You might want to use Portfolio Size 495 x 400px or any sizes which are above 385px.
2. Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .toggle_content {
background-color: #40a8e4;
}
Just change the background color as you see fit. Adding this code will change the background of all accordions. Hope this helps :)
Best regards,
Nikko
Hi
I have a problem with the Enfold editor, it show the loading symbol in pages, but never finishes. I did not make the site, but been called to debug it.
I send you the logins in private content part, if you can have a look it would be nice.
The inspector tells me there is a problem with JS:
Uncaught Error: cannot call methods on sortable prior to initialization; attempted to call method ‘toArray’
at Function.error (http://www.cepuspp-enfant-ado.ch/test/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,plupload&ver=4.7.5:2:1814)
at HTMLDivElement.<anonymous> (http://www.cepuspp-enfant-ado.ch/test/wp-admin/load-scripts.php?c=1&load%5B…uery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable&ver=4.7.5:22:2115)
at Function.each (http://www.cepuspp-enfant-ado.ch/test/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,plupload&ver=4.7.5:2:2881)
at a.fn.init.each (http://www.cepuspp-enfant-ado.ch/test/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,plupload&ver=4.7.5:2:846)
at a.fn.init.a.fn.(anonymous function) [as sortable] (http://www.cepuspp-enfant-ado.ch/test/wp-admin/load-scripts.php?c=1&load%5B…uery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable&ver=4.7.5:22:1857)
at HTMLDivElement.<anonymous> (http://www.cepuspp-enfant-ado.ch/test/wp-admin/js/postbox.min.js?ver=4.7.5:1:3165)
at Function.each (http://www.cepuspp-enfant-ado.ch/test/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,plupload&ver=4.7.5:2:2881)
at a.fn.init.each (http://www.cepuspp-enfant-ado.ch/test/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,plupload&ver=4.7.5:2:846)
at Object.save_order (http://www.cepuspp-enfant-ado.ch/test/wp-admin/js/postbox.min.js?ver=4.7.5:1:3103)
at $.AviaBuilder.place_top (http://www.cepuspp-enfant-ado.ch/test/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/js/avia-builder.js?ver=0.8:132:34)
Hi,
Sure thing :)
Just add the following custom CSS code:
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
animation: none;
}
Best regards,
John Torvik
It’s even wrapping the text on a normal 17-inch desktop monitor.
Hi Anthony,
Great, glad you found a solution and thanks for letting us know. 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, glad you got it working and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Thanks for the feedback, please let us know if you should have any further questions on the topic.
Best regards,
Rikard
Hey barthalgar,
When you are using the Layout Builder to create your posts you will have to add the excerpts manually. If you don’t see the option on the edit page then try selecting Screen Options in the top right hand corner or the screen and select to show the excerpt field there.
Best regards,
Rikard
Hi,
Ok, thanks for the feedback. We’ll keep the thread open in case you should need any further help on the topic.
Best regards,
Rikard
Hi,
Great, glad you got it working and thanks for letting us know. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Thanks for the feedback, so you are ok on this topic for now? We’ll help you out with the video problem in the new thread.
Best regards,
Rikard
Hi,
Please try this code in Quick CSS:
.av_one_half.avia-builder-el-7 .avia_textblock p:first-child {margin-top:0px !important;}
The space is caused by the standard margin for paragraphs. The code above will remove the top margin just for the first paragraph of that specific column.
I hope that helps!
Best regards,
Sarah
Hi,
Yes, incognito can be very helpful sometimes. 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, glad you found the selector and thanks for sharing it. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Thanks Sarah!
Next I want to remove all the white space around the black mega phone image.
Want it to stretch from left to right with out white space on top or bottom or left or right.
This is on the home page.
So header area…then black megaphone image (no white space around it…then the color section below
-
This reply was modified 8 years, 10 months ago by
djsmbd.
Thanks so much for all of the supports. Please close the topic.
Hi,
Please try adding this code as well:
.header-scrolled .logo img {
margin-top:0 !important;
-webkit-transition: all .2s !important;
transition: all .2s !important;
}
Best regards,
Sarah
Thank you Victoria. That worked.
Is there a way to do the field labels on the inside of the field instead of on top of them?
It’s not showing the names of the field, (the placeholder)
How can I put the placeholder in?
Hi,
You can use this instead:
.single-post .entry-content h2 {
margin-top: 15px;
margin-bottom: 15px;
}
.single-post .entry-content h2 a {
color: red !important;
text-decoration: underline !important;
}
Is that better? :)
Best regards,
Sarah
Thanks for the response, that’s what I was looking for.
If anyone else is looking, I used
.main_color input::placeholder {
color: #575756;
}
#top .main_color textarea::placeholder {
color: #575756;}
which worked.
Guys,. we were having an issue with our logo being too small. Fixed it on most devices/views with this code added to Quick CSS:
__________________________________________________________________________
@media only screen and (max-width: 767px) {
.responsive .logo img {
height: 160px !important;
max-height: 160px;
width: 330px;
max-width: 330px;
}}
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar.smartphones_sidebar_active {
border-top-width: 0px !important;
}
}
___________________________________________________________________________
Only issue now is although it looks great in portrait mode,.. when the device is turned to landscape mode,.. the logo does not scale up and we are left with a logo that is too small and justified to the left. Tried tweaking this code but nothing seems to work.
Thoughts?
SEE HERE
Thanks in advance. Remember to inspect in Iphone 6 view.