Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 28, 2021 at 4:36 pm #1276081
    Ralf

    Hi,
    I have some new articles within the shop, where the name of the product is long and with a <br>. These names are not shown correctly at the mentioned buttons on the left and right sides of the product pages.
    Have a look at the page mentioned in the private section.

    February 1, 2021 at 7:32 am #1276700
    Ismael

    Hey Ralf,

    Thank you for the inquiry.

    Try to use this css code to fix the alignment of span tags within the post navigation.

    .avia-post-nav .entry-info span {
	display: inline;
	vertical-align: middle;
}

.avia-post-nav .entry-title, .avia-post-nav .entry-image {
	display: table-cell !important;
}

    And please make sure that all html tags in the title field are closed properly because they could break the layout of the navigation. Please check one of the product items with unclosed html tag. (see private field)

    Best regards,
    Ismael

    February 1, 2021 at 7:32 am #1276701
    Ismael

    Hey Ralf,

    Thank you for the inquiry.

    Try to use this css code to fix the alignment of span tags within the post navigation.

    .avia-post-nav .entry-info span {
	display: inline;
	vertical-align: middle;
}

.avia-post-nav .entry-title, .avia-post-nav .entry-image {
	display: table-cell !important;
}

    And please make sure that all html tags in the title field are closed properly because they could break the layout of the navigation. Please check one of the product items with unclosed html tag. (see private field)

    Best regards,
    Ismael

    February 1, 2021 at 8:54 am #1276708
    Ralf

    Thanks a lot, Ismael,
    that looks much better now for the right side. The left side is still broken with the image below the text.
    Is there a chance to get the title text after the <br> shown on the .avia-post-nav field?
    I also looked for missing closing tags but only found some spaces after the <br> that also made it weird.

    February 2, 2021 at 10:57 am #1277052
    Ismael

    Hi,

    The left side is still broken with the image below the text.

    As we mentioned above, there is an unclosed html tag in the title field of the post contained in the left navigation, which is why it is broken. You have to edit that post and make sure that all tags are closed properly. And you may need to refrain from using span tags inside the title field because it is the same tag used in the post nav.

    Best regards,
    Ismael

    February 2, 2021 at 11:30 am #1277076
    Ralf

    Hi Ismael,
    you are right. Instead of <br> I have to write <br />.

    But now I have three points … within the second line and not the full title.

    How can I show the full title here?
    I see that the title is cut here, so the … is already within the Html.

    Can you help me here?

    Thanks
    Ralf

    February 4, 2021 at 4:55 am #1277512
    Ismael

    Hi,

    I see that the title is cut here, so the … is already within the Html.

    The … is on the second line because of the br tag. You may have to disable it or change its display property to none.

    .avia-post-nav br {
	display: none;
}

    Best regards,
    Ismael

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