Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
'Read more' link should be aligned with the description.
Suggestion:
we need to remove
.list-inline {
margin-left: -5px;
}
as I don't see any reason to use this 'ul' style and also
.list-inline > li {
padding-left: 5px;
}
from li.
With these changes, it seems to work fine on the node page.
Comment | File | Size | Author |
---|---|---|---|
after-applying-css.png | 94.55 KB | bandanasharma | |
readmore-alignment.png | 131.93 KB | bandanasharma |
Comments
Comment #2
markhalliwellAs a general rule of thumb, the CSS overrides aren't about overriding Bootstrap styles but rather Drupal specific styles to get them to work with Bootstrap. If you need/want to make changes to the Bootstrap classes, it's best to do it in a sub-theme.