A big Css problem - Forum | JoomShaper
Solved Helix Framework

A big Css problem

Asked by Dufresne 5 years ago Last activity 5 years ago

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.

Accepted answer

Marked as the solution
Pavel
5 years ago · edited

I 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;
}

7 more replies

Oldest first Newest first Most helpful
Pavel
5 years ago

Hi. 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 Asked this
5 years ago

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

[- https://www.alidufresne.fr/index.php/le-blog -]

Dufresne Asked this
5 years ago · edited

Yes 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
5 years ago

I 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 Asked this
5 years ago

ah! 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 Staff
5 years ago

Hello Dufresne

Glad that your issue is solved. Thanks for your contribution to the forum, Pavel .

Best regards

Log in to reply.