Forum Replies Created

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
  • I think the original question was
    Since, not all of Enfold users (like me) are php developers, I’d like you to write a guide (or a post on the forum) on how to properly integrate the fantastic plugin Advanced Custom Fields in Enfold templates, since these templates are so many (which is the starter template?)
    as that seemed to be too complicated (
    That would be too complicated as there are almost endless possibilities to integrate custom fields using ACF. However following would be helpful:(….)“)
    the follow-up question was
    Could it be possible to do a tutorial in order to explain all the purpose of Enfold templates one by one (ok, many are common to the main WordPress loop)? Especially the .php ones in the root folder and in the include subfolder…
    at which this was replied:
    That is something which – we might be able to work something out, on our GitHub.
    Maybe not for everything, but for as many as we can.
    I have added it to my TODO List. Cant promise when, but something we can consider.

    And participant marco3253 was asking about the progress of these questions.
    As the feature request form is frozen, I join in on this conversation: any news on either a tutorial on integration of the Advanced Custom Fields plugin in Enfold or a tutorial in order to explain all the purpose of Enfold templates (Especially the .php ones in the root folder and in the include subfolder)?

    thanks in advance,

    in reply to: Border in Masonry visible in Chrome #1160247
    This reply has been marked as private.
    in reply to: Border in Masonry visible in Chrome #1158932

    hi Rikard.
    Okay, this is a mystery.
    First of all: the CSS didn’t work.

    Here is the mystery I found, text above the masonry seems to cause the appearance of the greyborder in Chrome.
    When the textblock consists of 1 or 3 paragraphs the borders are visible.
    When it consists of 2 paragraphs or more than 3 the borders are not visible.
    Isn’t that weird?
    I made some testpages with identical blocks, but different in amount of paragraphs ( see details in private content):
    one-paragraph/ border
    wo-paragraphs/ no border
    three-paragraphs/ border

    And I added you to the dasboard ( see details in private content) so you can see for yourself.

    For the time being I will deactivate the “Animation on load” on the original pages, because they have to appear for public this week.


    in reply to: Border in Masonry visible in Chrome #1158777

    Hi Rikard,
    I did several combinations:
    I combined the first:
    .avia-chrome .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    top: 1px !important;

    with with one I received from Jordan:
    .main_color .av-masonry-outerimage-container{
    But that didn’t work, and then I tried the last one without the first one, to no avail.
    Currently these two CSS are added to the quick CSS:

    .avia-chrome .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    top: 1px !important;
    .main_color .av-masonry-outerimage-container {
    background-color: transparent !important;

    But as you see the grey border still persists.

    UPDATE I just checked a similar page, but there the greyborder are not visible. I’ll check what’s different.


    • This reply was modified 1 year ago by  karinorage.
    in reply to: Border in Masonry visible in Chrome #1158454

    hi Jordan,
    Unfortunately that doesn’t work either. For testing purposes I changed the color in your code from “none” to “ff0000” and as you will see the darkgreyborders are still there. When you hover over an item this border disappears and you will see in a tiny fraction some red (“ff0000”), so it is not the section that needs adjusting.
    Again: it only occurs in Google Chrome and when the Masonry block has the option “Animation on load” activated.


    in reply to: Border in Masonry visible in Chrome #1158274

    hi Jordan,
    That’s because I deactivated the “Animation on load” in the masonry settings. When it is activated the grey borders appear in Google Chrome.

    I don’t mind to deactivate the “Animation on load”, but in case you want to see it, it’s on now :-)
    (Currently the page is not added to the menu or linked to, so visitors will not see it yet.)


    in reply to: Border in Masonry visible in Chrome #1158117

    Hi Rikard,

    Thanks, but it doesn’t disappear.
    I noticed that it does disappear when I deactivate the “Animation on load”. I guess it has something to do with that?

    best regards,

    in reply to: Change row amount in textarea #1154490

    Hi Jordan,

    Perfect! Thank you very much!

    Best Regards,
    Karin Storm

    in reply to: Cookie consent message translation #1152643

    I think you are right :-)
    Thank you, Nikko

    Best regards

    in reply to: Cookie consent message translation #1151825

    hello Nikko,
    Thanks, but I am not looking for an integration with a translation plug-in as the website will not be multi-lingual, I merely want to translate the content of the info modal on privacy & cookies. If you can tell me where I can find these particular files/snippets so I can translate them, that would be helpful.
    By the way I am using a child theme.

    hi Rikard,

    You can close the topic, I have no further questions.
    Thanks for your support.

    Kind regards,

    Hi Ismael.

    It’s working! Thank you so much!
    (One thing: the opening “{” was missing in your solution, but anyway I’m glad it’s working now)


    Hi Ismael,
    Frankly, I would not be asking if I haven’t tried all these options.But if you want to see it for yourself , uncomment the display:block and try all display variations:

    @media only screen and (max-width: 767px)
    .responsive div .avia_responsive_table .avia-data-table table,
    .responsive div .avia_responsive_table .avia-data-table tbody,
    .responsive div .avia_responsive_table .avia-data-table tr,
    .responsive div .avia_responsive_table .avia-data-table td,
    .responsive div .avia_responsive_table .avia-data-table th{/*display:block;*/border-top:none; border-right:none; border-left:none; text-align: left;}

    I was much more happy with the solution Mike gave me, but how to make sure that the table.css from /wp-content/themes/enfold-child/shortcodes/table/ is being loaded instead from /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/table ?


    hi Mike,

    Thanks, I did what you wrote, but somehow the original table.css from /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/table keeps being loaded. I tried with and without the table.php in the /wp-content/themes/enfold-child/shortcodes/table/
    Also changed different settings in the Performance-tabs of the Enfold Settings /wp-admin/admin.php?page=avia: disable or enable compression css and js.
    But it keeps loading from the main theme. Am I missing something?


    Hi Victoria,
    Yes, and that is my point. I don’t really want to modify the file, because it will be overridden by updates.

    I know how to override CSS in the theme-files by something in the child-theme CSS, but in this case I want to override the “display:block” by something that removes the “display:block”, but how do I do that? I can’t use any other “display:xxxx”, I tried that already.

    I thought of copying this directory: /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/table
    to /wp-content/themes/enfold-child/config-templatebuilder/avia-shortcodes/table but how do I get to point to this particular directory so that the child-theme’s file is loaded?


    Hi Rikard,
    Yes, exactly, that’s why I want to create a solution in the child-theme for this.
    The problem is, the “display:block;” in /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/table should be overridden with nothing.
    Normally I would override something with other CSS code. Like for example “color:black” in the enfold-theme with “color:white” in the child-theme. But in this case I need to get rid of the “display:block” without adding another “display:xxxx”.
    In the private content part I added credentials.


    thanks Nikko, I found another solution, by using ‘ instead of ‘. This character stays visible.

    Kind regards,

    in reply to: Breadcrumb order not correct #1038902

    Hi Victoria,
    It is working! Thank you!
    Kind regards,

    Hi Rikard,

    No further help needed on this topic, so you can close it.
    Thanks for your support.

    Best regards,

    Hi Rikard,
    Yes, I think I solved it, thanks to a previous post (
    I added the code min-height:calc(100vh – 40px); to .sidebar_left.sidebar
    (and another for smaller than 768 devices:
    .sidebar_left.sidebar {
    It looks like it’s working okay.

    Thanks and best regards,


    hi Rikard, thanks. I added the link and some scrreencaptures in the private content window.
    I first thought it had to do with the position: relative; in .container_wrap in css/grid.css.
    But I can not override that in the css of the enfold-child theme, so I commented it out in the original grid.css (just for checking), but that’s not the solution. Do you have a solution?

Viewing 21 posts - 1 through 21 (of 21 total)