Mobile issue…

Hi,
Which page you call the grid shortcode?

Thanks

The grid shortcode is on this page https://aegeriaartists.com/artists/

(or do you mean something else?)

Thanks!

Hi,
I saw now

Use Layout 1 and remove your css.

You used Layout 2 that has left side featured image and right site content.

https://demo.radiustheme.com/wordpress/plugins/the-post-grid/layout-1/

It will work good in mobile I just tested my demo.

Thanks

The layout is better but for some reason it seems to be conlicting with the colors.

Basically, the text is white and visible only when it is selected (the overall text of the site is white, maybe that’s why). Do you have some CSS with which I can work?

Thank you!

Please enable layout 1 then I will check where is issue.

Or send me mail [email protected]

Thanks

I am attaching a file to what the colors look like with layout 2, 4 colums and this css:

View post on imgur.com

.img-responsive {
display:none;
}

.entry-title {
align:left;
}

.rt-detail{
width:700%;
}

The first one hides the i-sign
the second one aligns the title to the left
the third one makes the space wider.

Now, if I change it to layout 1, 1 column, the colors and everything gets messed up.

You can see now what it looks like with these settings: https://aegeriaartists.com/artists/

Basically I want the name and the text to be aligned to the left margin of the picture above (like in the picture I sent on imgur, just that the margins of the text should match the margins of the picture).

Thank you!

For Layout 1:
Please write this css in custom css box
.rt-tpg-container .layout1 .rt-holder .rt-detail {
background : 000;
}

Also need to edit layout to expand col12 for tab view.

Or if use layout 2 then left image area make display none but need to add a class

so by layout edit you can do it easily

Thanks

Hello,

Thank you very much for the reply. It did work. However, I have two more questions.

1) Why did I need a css code to make the background black? In other words, why did the color settings work for one layout, but not for the other? I just want to understand it better…

2) I want to add another button next to “read more” – I searched in the code of the theme but could not find it. Can you help me do that?

Thank you!

#1) We had a background color. In next version I will remove this color.

#2) Go to this file see bottom

lib/views/layouts/layout1.php

For responsive now you do one class change in custom css
.rt-col-sm-6 {
width: 100% !important;
}

Hope your problem will be fix.

Thanks

Hello.. I can’t find that file. But I don’t think that’s what I want.

Basically, I want to add another button that has another function. I do believe that that is quite hard – in the sense that the plug-in might need a whole redo to fulfill that function…

Hi,
I told to write this CSS to fix your responsive look because we had set 2 in tab view but you need 1

Yes to add another button need to customize code.

Thanks

Hi,

Please use latest version I made layout 2 dynamic if you select 1 per row without image then grid will expand.

Then remove your custom css no need that now.

Thanks