Forum Replies Created

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • 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.

    thanks,
    Karin

    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{
    background-color:none!important;
    }
    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.

    thanks,
    Karin

    • This reply was modified 8 months, 2 weeks 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.

    thanks,
    Karin

    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.)

    Thanks,
    Karin

    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,
    Karin

    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,
    Karin

    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)

    Regards,
    Karin

    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 ?

    Thanks,
    Karin

    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?

    thanks,
    Karin

    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?

    Thanks,
    Kari

    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,
    Karin

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

    Kind regards,
    Karin

    in reply to: Breadcrumb order not correct #1038902

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

    Hi Rikard,

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

    Best regards,
    Karin

    Hi Rikard,
    Yes, I think I solved it, thanks to a previous post (https://kriesi.at/support/topic/sidebar-same-height-as-content-100-height/#post-643168).
    I added the code min-height:calc(100vh – 40px); to .sidebar_left.sidebar
    (and another for smaller than 768 devices:
    .sidebar_left.sidebar {
    min-height:40px;})
    It looks like it’s working okay.

    Thanks and best regards,

    Karin

    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 20 posts - 1 through 20 (of 20 total)