• Resolved 4harry4444

    (@4harry4444)


    Hi,

    Some of my car listings have a very long title that extends beyond the page width in mobile view up to a width of 650 px, i.e. description text does not wrap. CSS from auto-listing.css is responsible for this:

    @media (max-width: 650px) {
    .auto-listings-items .summary .title {
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    }

    Unfortunately, I cannot overload this property on:
    white-space: normal;

    I tried Custom CSS and the styles.css of child tcheme editing.
    The problem does not occur on the main page – there, the text in the view near to 650px wraps properly.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author autolistings

    (@autolistings)

    Hi,

    If you need to remove the ‘…’ when the text is too long, please try this CSS:
    .auto-listings-items.auto-listings-items li .summary .title {white-space: normal}

    I guess your selector doesn’t have a high specificity enough, so it cannot override the CSS from the plugin

    Thread Starter 4harry4444

    (@4harry4444)

    Hi,

    This fixed my problem! Thank You!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘white-space: wrap override on car offers page’ is closed to new replies.