Archived topic

Shorten Lines On Homepage Of Info Demo

4 replies · Started by Thomas on February 17, 2023

Viewing posts 1–5 of 5

February 17, 2023 at 4:07 pm #2537433

Hello - What's the easiest/best way to shorten the lines on the home page of the info demo. Like the line below "Global Info"? Google doesn't like just the word "more" as a link, but when I change that to like "more on global info" the line stays the same length and I get two rows of text, and it looks weird. Is there a way to shorten the line so the texts fits in on same row?

Thanks!!!

February 17, 2023 at 6:23 pm #2537499

Hi Thomas,

You can select the container of the More button, and increase its flex-basis value, eg.200px:
https://www.screencast.com/t/X4P9QClO

Then select the container of the line, and set its flex-basis to calc(100% - 200px).
https://www.screencast.com/t/rpqXlZ3gY

Just make sure the values are matching.

February 17, 2023 at 7:44 pm #2537524

Thanks see reply in private.

February 17, 2023 at 7:50 pm #2537525

Actually think I figured it out.. Thanks for your help!. A+

February 20, 2023 at 11:14 am #2540286

Glad to hear that :)

This archived topic is closed to new replies.

Start building better websites today.