avia-post-nav buttons styling - Support | Kriesi.at

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

Author

Posts
January 28, 2021 at 4:36 pm #1276081

Ralf
Participant

Hi,
I have some new articles within the shop, where the name of the product is long and with a . 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
Moderator
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
Moderator
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
Participant

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 shown on the .avia-post-nav field?
I also looked for missing closing tags but only found some spaces after the that also made it weird.

February 2, 2021 at 10:57 am #1277052

Ismael
Moderator

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
Participant

Hi Ismael,
you are right. Instead of I have to write .

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