Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 16, 2020 at 3:39 am #1253119
    Fabrice3

    Hello,
    I am working on the block editor and in particular the content element for my “Methods and Partitions” page.
    In the text part of the content element, I put the name of instruments on which I inserted web links.
    But when I’m on the page, the links don’t work.
    Can you help me fix this please.
    Thank you in advance.
    Fabrice

    PS : I am just building my pages.
    For the moment, just the “ALBUM” part (Guitar and Piano) has internet links.

    I put my login details below.

    Private Content (link to your website, login credentials, FTP credentials, etc – only visible for moderators)

    October 17, 2020 at 6:14 am #1253424
    Rikard

    Hey Fabrice,

    I’m not sure if I understand the problem or what you are looking to achieve on the page in question, could you try to explain a bit further or post screenshots highlighting the problem please?

    Best regards,
    Rikard

    October 17, 2020 at 6:11 pm #1253516
    Fabrice3

    oh sorry, it is true that I was not easy to explain.
    I work on the box: size of the icon

    I have put screenshots now

    1- https://www.dropbox.com/s/yd6ykl90mb0k67t/2020-10-17_05-50-37.png?dl=0
    2- https://www.dropbox.com/s/5pkvz8swznldbvf/2020-10-17_05-52-42.png?dl=0
    3- https://www.dropbox.com/s/ywj0h0gzrw15kae/2020-10-17_05-55-35.png?dl=0

    Image 1

    Image 2

    Image 3

    • This reply was modified 4 years, 2 months ago by Fabrice3.
    October 18, 2020 at 11:44 pm #1253725
    Fabrice3

    This the html code I found for this element :
    <h2 style=”text-align: center;”>ALBUMS</h2>
    <p style=”text-align: center;”><br class=”noclear” />Guitare</p>
    <p style=”text-align: center;”>Piano</p>

    • This reply was modified 4 years, 2 months ago by Fabrice3.
    October 19, 2020 at 3:40 am #1253761
    Fabrice3

    I have found the source of the problem but not the solution.

    I think there is a bug in the content element: “Icon size”.

    When I use the content element: “Icon size” and that in the “Grid Element Backside / Tooltip Content” part I put some text in which I put an internet link, the link works well.

    https://www.dropbox.com/s/n1cutfm771fedy2/Grid%20Element%20Backside.png?dl=0
    https://www.dropbox.com/s/lwds9nyoxrztfs7/internet%20links.png?dl=0
    https://www.dropbox.com/s/gya75izz8zluhew/Links%20work%20well.png?dl=0

    But when I set the grid design by going to the grid style part and select: “Border between elements” or “all borders”, the links no longer work.

    Disign of the grid setings
    https://www.dropbox.com/s/622q2zgy6g50dz2/Design%20of%20the%20grid.png?dl=0

    Background color part
    https://www.dropbox.com/s/gnzh7jhkmjm0i70/Backgroud%20color%20part.png?dl=0

    Grid styling part
    https://www.dropbox.com/s/v0ojbkcsf2ke14d/Grid%20styling%20part.png?dl=0

    Borders choises
    https://www.dropbox.com/s/u526xiv8fxq16xm/Borders%20choices.png?dl=0

    Links no longer work
    https://www.dropbox.com/s/2vxa1ras961fajb/Links%20no%20longer%20work.png?dl=0

    So, for my design, I would like to use the “All border” settings

    Can you help me please.

    October 21, 2020 at 10:25 am #1254599
    Ismael

    Hi,

    Thank you for the inquiry.

    There are 3 working links (Guitare, Piano, Saxophone) in the Album item. Did you disable the borders for now? Please create a test page with borders enabled so that we could inspect the issue properly.

    Best regards,
    Ismael

    October 23, 2020 at 3:11 am #1255121
    Fabrice3

    Yes indeed I have disabled the borders for the moment because they do not work as I told you.

    So I put here the test page for verification:

    Page Test

    I put 2 links in the first box: “Test 1 – Albums”
    1- Guitar album
    Link: https://ecole-de-musique-moorea.com/albums-pour-guitare

    2- Piano album
    Link: https://ecole-de-musique-moorea.com/albums-pour-piano

    I activated the borders: “All borders”

    I tested and indeed, with the borders enabled, the links do not work.

    October 24, 2020 at 6:48 am #1255388
    Ismael

    Hi,

    Thank you for the clarification.

    We found out that the shadow or border pseudo container covers the actual content of the flipbox, preventing the links from working correctly. We could use this css code to adjust the stack order of the border container so that it is positioned behind the actual content instead of in front of it.

    .avia-icongrid-borders-all li .avia-icongrid-wrapper::after, .avia-icongrid-borders-between li .avia-icongrid-wrapper::after {
	z-index: -1;
}

    You may need to toggle or temporarily disable the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    October 25, 2020 at 12:22 am #1255439
    Fabrice3

    Hello Ismael,

    Thanks for your help.

    But touching the css code, I don’t feel able to do that.
    Could you do it on my account please?
    I gave you my login details to access it.

    On the other hand, will I have to do this operation every time I want to use this module or you will put it in the system which will solve the problem once and for all?

    If so, could you also do this on my other blog that I am working with on the same theme.
    Because I have the same problem on this other blog.

    I will also give you my logins.

    Thank you in advance for your help.

    • This reply was modified 4 years, 2 months ago by Fabrice3.
    October 26, 2020 at 6:15 am #1255616
    Ismael

    Hi,

    Thank you for following up.

    We have added the code in the Enfold > General Styling > Quick CSS field, but we could also insert it in the child theme’s style.css file if you prefer. Please use the same css code in the other site and toggle or temporarily disable the Performance > File Compression settings afterwards. And purge the cache or remove the browser history prior to checking the page.

    We will forward this thread and notify the team about the fix or the css modification, and hopefully it will get included in the next patch.

    Best regards,
    Ismael

    October 26, 2020 at 8:02 am #1255640
    Fabrice3

    Thanks Ismael, but it still doesn’t work.
    As soon as I put the borders, the links don’t work anymore.
    Nor on the site: https://ecole-de-musique-moorea.com/page-test
    Nor on the site: https://formation-mlm-fabrice.com/page-test-1/

    • This reply was modified 4 years, 1 month ago by Fabrice3.
    October 30, 2020 at 8:16 am #1256986
    Ismael

    Hi,

    Thank you for following up.

    We edited the css code a bit and added the !important rule to place more priority to it so that it overrides the default style. We also deactivated the cache plugin temporarily. Before checking the page, please do not forget to do a hard refresh or remove the cache.

    Best regards,
    Ismael

    November 2, 2020 at 10:15 am #1257539
    Fabrice3

    Great thanks, the links now work but the problem is now the borders do not appear on the page.
    They appear but behind the grid.
    You can see them when you hover the mouse over a box and it opens but on the page they are not visible.

    And that’s what I would like, to make the grid more visible.

    November 7, 2020 at 4:21 am #1258975
    Ismael

    Hi,

    Thank you for the info.

    We did not notice that it also affects the appearance of borders. We have forward the issue to our channel and it might take a while before we could provided a better fix. You may need to disable the borders for now, or use a different element for the links.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.