Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
color: red;
}
Best regards,
Yigit
Hi Elad,
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
Hi Rikard,
You can close this topic. Great you were able to help!
Best regards,
Andrej
It seems to be displaying as it was before when viewed on mobile (which is ok) however, I still have the same issue with the content boxes overlapping the slideshow image at the top of the home page.
Hi,
Great, glad you got it working and thanks for letting us know. Let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
I did this..
#top #advanced_menu_toggle:after {
content: ‘MENU’;
font-size: 11px;
display: block;
line-height: 2px;
}
#top #advanced_menu_toggle, #top #advanced_menu_hide {
height: 56px;
}
Hi Andrej,
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
Hi Gerhard,
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
Hi Jörg,
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
the second instance of
#top .title_container .container {
padding-top: 10px;
padding-bottom: 10px;
min-height: 56px;
}
I don’t see it in style.css in child theme
Hi Ismael,
no, not resolved
Modification are related to this other ticket https://kriesi.at/support/topic/div-title-height-and-colour/ where we managed to give to the site “the look and feel of our old site (https://goo.gl/i1JM4L) that we are going to migrate to enfold https://goo.gl/UqPO3O”
Thank you
Mauro
Dear sir,
I don’t know why there is a line space at the top of the page ( if you scroll the page down you will see it ). Is there any option to hide it? I have checked but can’t find any and can’t see any css about it also.
Cheers,
Ken
Sorry for reply late. Please close this topic. Thanks a lot :)
Thank you. I have the latest version of enfold. But the Thumbnail is not showing in the main field. In the code are many errors in the avia.js. This seems to be a problem with the “to the top” button. I want to change the main picture not with a slide effect. Is it possible to change them with fade effect.
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 John,
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 there, Elad
May I request that you try the solution here instead: https://kriesi.at/support/topic/portfolio-grid-links-not-opening-in-new-window/#post-346592
This works with the current version, and does not require you to replace code in portfolio.php.
Best regards,
Sarah
Hey crg1,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.home #av_section_1 .flex_column_table {
margin-top: -130px !important;
}
}
Best regards,
Rikard
Hi,
Have you fixed the issue? What are these css modifications for?
div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
max-height: 35px;
color: #e87e0d;
background-image: url(https://attarperfumes.net/wp-content/uploads/sfondonero-verdescuro.png);
}
#top .title_container .container {
padding-top: 0;
padding-bottom: 0;
min-height: 0;
max-height: 35px;
}
#top .title_container .container {
padding-top: 10px;
padding-bottom: 10px;
min-height: 56px;
}
Best regards,
Ismael
Hi,
Thank you for the update. Please add this css code in the Quick CSS field.
@media only screen and (max-width: 1024px) {
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
display: none !important;
}
}
Best regards,
Ismael
Hey jesusriosarroyo,
If you want greater control over the background in mobile devices I suggest you create another section to show only on mobile and use an image better adapted to that screen size. You can assign unique IDs to your sections and then hide/show them using CSS like this:
@media only screen and (min-width: 768px) {
#section-desktop {
display:block !important;
}
#section-phone {
display:none !important;
}
}
@media only screen and (max-width: 767px) {
#section-desktop {
display:none !important;
}
#section-phone {
display:block !important;
}
}
Best regards,
Rikard
Hi,
Thanks for that. You are getting a 403 error on the admin-ajax.php WordPress file. Could you try this out to see if it helps? https://kriesi.at/support/topic/failed-to-load-resource-the-server-responded-with-a-status-of-403-forbidden/
If not then I would suggest that you contact your hosting provider to see if they can see why access is blocked to that particular file.
Best regards,
Rikard
Hi,
Ok, thanks for the feedback. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi!
When I try to edit a text block it stops working when there are more than 4 paragraphs (give and take). When I want to edit the text block it appears as a blank. Enfold theme is up to date, all plugins and WordPress as well. Have tried turning off all plugins to no avail.
This is the site I am building
I am looking to add a simple “subscribe to my newsletter” with text input box (for email) and a submit button. All horizontally placed in the top bar adjacent to the social icons
Is this possible?
Thank you in advance!
Hello and thank you in advance
This is the site I will be referencing these edits for
I am attempting to get rid of the negative space between the featured blogs here –

Thank you!
found this link
how to combine code from that link
$(“css class”).hover(
function() {
$(this).stop().animate({“opacity”: “0”}, “slow”);
},
function() {
$(this).stop().animate({“opacity”: “1”}, “slow”);
});
});
white this code you provide
function add_custom_image(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘.zamena img’).hover(function(){
jQuery(‘.zamena img’).attr(‘src’,’URL’);
});
jQuery(‘.zamena img’).mouseleave(function(){
jQuery(‘.zamena img’).attr(‘src’,’URL’);
});
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_image’);
to get smooth image transition
i tried to copy/paste code from that link i provide into code block but image is not responsive and on mobile content beneath image is over image
-
This reply was modified 8 years, 9 months ago by
Uros.
Hi,
I’d like to replace this page : http://ironmanech.com/concurrents-2017/
By this one, which would be much easier to read using your Tab section : http://ironmanech.com/concurrents-2017-copy/
But I experience issues with the Tab section
In some case and depending on the browser (here Mozilla, but also Edge)
– Tabs are not active. Only the first one is, and you can’t change tab. Some work, some don’t.
– When active some tabs are displaying a huge blank space on top of the content (here 3 tables). Some work, some don’t.
I’ve tried to make and remake.
I’ve tried to empty the cache.
I’ve tried again from a blank page.
Any idea?
Thanks Enfold
:-)
-
This topic was modified 8 years, 9 months ago by
JMDP.
I did something like this, but fading is reacting strange…like doubling fade out, fade in , fade out, fade in…how to stop fading after one set of fadeout fadein?
should i place “return false” somewhere? i tried to put at the end of the code but that did not work
function add_custom_image(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘.zamena img’).hover(function(){
jQuery(‘.zamena img’).fadeOut(1000, function() {
jQuery(‘.zamena img’).attr(‘src’,url’);
});
});
jQuery(‘.zamena img’).mouseleave(function(){
jQuery(‘.zamena img’).fadeIn(1000, function() {
jQuery(‘.zamena img’).attr(‘src’,’url’);
});
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_image’);
-
This reply was modified 8 years, 9 months ago by
Uros.
Hi,
I loaded the page and I can see the video loading fine, with no extra text on top of it?
Is the issue fixed?
Best regards,
Basilis