JA Blockk - Container Issue & Articles cant read with background image

teddy-knight

Dear,

I have two issue/request within the Blockk Template. Please also find attached pictures to make clear understanding about my question. 🙂

If I create a Layout setting (as reference in body-top1) and select the sliding Layout-09, then adding a container (Fix or fluid), the cards will overlap the container and cards will slide from the edge of the screen. from my understanding they should slide in starting from the edge of the container?!? Is there any chance to change this? If you Check on a Mobile its even more worst.

Magazine/Article Layout:
Since there is possibility to set a background image for the site (in my case Black road texture), there should also be a possibility to add a container for Articles/Text used in Article layout settings.

General, Image and Video Articles do not have any container, so due to background Image text cant be read (picture). Is there a existing way to setup card type background container?

(Like category cards in module settings, picture below Shows what I would like to receive for my articles).

saguaros

Hi teddy-knight

Would you mind sharing the super admin account so I can check the module settings and see how it goes?

teddy-knight

saguaros added in original post.

dont mind, if you change something, since this is test enviroment only.

saguaros

teddy-knight

1 - It due to the module style you set in that 'body-top-1' section, it should be JAxhtml:

2 - I can't find the text as your screenshot on Magazine Layout page on your site, could you share that URL?

teddy-knight

saguaros

Hi!

Thanks for your feedback!

You missunderstood my intention 🙂 - I want to have the "card" Module style - I do not want to have the black background as well I do not want that sliding content, sliding over the "card" module boarder.

The black background anyway is strange.. it was never set. Once I tried to use a backround image in the body top settings. (what has worked fine) But when I removed it, the black background apeared and I cant get rid of it.

2.
Here you find requested URL:
http://www.harmannstein.at/Loading/index.php/magazine-layout/13-ich-ueber-mich
Basically this issue accures in all Articles. There is no possibility (I found) to set a container that overlays the background and makes Text readable. So my intention would be to have each article on a card style (unicolor) container that overlays the background image. (like on my recent site)

To-BE:
http://www.teddy-knight.at/index.php/ich-ueber-mich

saguaros

teddy-knight The black background anyway is strange.. it was never set. Once I tried to use a backround image in the body top settings. (what has worked fine) But when I removed it, the black background apeared and I cant get rid of it.

Could you add it again? I will check for you.

teddy-knight

saguaros

I do not want any background picture set in the position settings (overall background image should be there, as active on whole site) , neither image, neither black color. But why is there black color? If you check settings you can see that nothing is set. So, what is the reason that black color is there??

How about sliding effect? Did you find out why it slides over container boarder?

REGARDING Articles cant be read/background.
Now I found position responsible for Articles being displayed is the "Column type"-"component" - once I select this and change pallet color to example "light" background image receives overlay in grey color. - so I can now read text of my articles. BUT again, I would like this "component" type not covering the whole site in width. Isnt it possible to limit the pallet background, not reaching the edge of the screen? ( I want to have textbox for my articles but on the edge of the screen the original background image should be visible..)

Is there a Custom CSS Class available?

saguaros

teddy-knight

It's from the palette you're assigning for 'Body Top 1' section:

If you want to customize this palette, you can go to Theme Color >> Palettes and edit it.

teddy-knight

Sorry, once again you missunderstood.
I know the pallet function and settings.

I want to get rid of the below marked grey background color, only in marked area. (Like if I Set "card" style for a module)
So at marked area I want to have/see site background. (Road texture)

As I said before, in this position Module style "card" is not available, but would solve my topic, if...

saguaros

Hi teddy-knight

I don't see that marked section on homepage of your site now, it looks like main component of page, could you enable so I can check?

teddy-knight

saguaros

please find link below:
http://www.harmannstein.at/Loading/index.php/14-arbeiten-2021/9-die-winde-von-kitt

Yes, I am talking about main component of the site, let me prepare a simulated picture of what I want to see as final outcome.

This is the location I am talking about.

So, finally I should get an result that appears like my simulation above. --> recently grey area goes from left to right edge of screen, I do not find way to change this.

saguaros

Hi teddy-knight

In Layout Settings of 'Main body' section, I set that overlay background image and add this custom css:

.t4-section-inner.container {
    background-color: #d7d7d7;
}

to set the color for the main component section.

Kindly check.

teddy-knight

Thats what I was looking for,...
This topic solved...

Thanks for support.

saguaros

teddy-knight My pleasure!