A Big Css Problem
Dufresne
Hello, My problem of the day is on Helix Ultimate. At first I use SP Page builder for the Home page and the static pages. For regular articles I use Helix Ultimate. The problem is that the text overlaps the image in the Item Category view and in the item detail. I'll give you the address to see. [- https://www.alidufresne.fr/index.php/le-blog -] I haven't modified the css yet. thank you for your help.
Pavel
Accepted AnswerI do not see any overlap. Perhaps you need to clean the cache.
If you need such a layout:
Use the following code.
.article-list .article {
display: flex;
flex-wrap: wrap;
}
.article-list .article .article-intro-image {
flex: 0 0 30%;
max-width: 30%;
margin: 0;
}
.article-list .article .article-body {
flex: 0 0 70%;
max-width: 70%;
padding-left: 20px;
}Pavel
Accepted AnswerHi. As far as I know, the Helix uses such layout for articles - the image from above the text below. To do this, switch in the global settings of the image articles float to none.
If you want to make a layout like in your screenshot, then you need to do this via css. In Helix, there is no such layout from the box.
Dufresne
Accepted AnswerThanks for taking the time to respond. But in fact I saw the image on the left of the text. If I select none, then the image overlaps and that's not what I want. Thank you and have a good day or evening.
Dufresne
Accepted AnswerYes in this configuration mode without floating the images are at the top of the intro. But I want them, Image on the left and text on the right in line mode. There the text is superimposed on the image. look at the example with the two modes.
[- https://www.alidufresne.fr/index.php/le-blog -]
I agree that we can do that then with css. But why does it not work with the settings ?
merci !
Pavel
Accepted AnswerI agree that we can do that then with css. But why does it not work with the settings ?
This is facilitated by a negative margin for article-intro-image. It is intended for one type of layout, but spoils another type of layout. As I said, on board the Helix only one type of layout. It is possible that in the future the developers will also add one more type of layout. But so far it does not exist, so there is no settings for this.
Dufresne
Accepted Answerah! Ok I didn't understand it like that. Finally, you always have to get your hands dirty. (the code) Thank you very much for taking the time for me. A +
Ofi Khan
Accepted AnswerHello Dufresne
Glad that your issue is solved. Thanks for your contribution to the forum, Pavel .
Best regards