Need to customize achieves and sidebar pages

Hi there,

Thanks for using GP!

1. Remove additional space on the that inside article.

Try this CSS:

.post-image-aligned-left .inside-article .post-image {
    margin-bottom: 0;
}

I want to make this layout like image on left side and tile and expert on right side.

Try this CSS:

@media (max-width: 768px) {
    body:not(.post-image-aligned-center) .inside-article .post-image {
       float: left;
       margin-right: 10px;
    }
}

If you need further help with this, please clear and disable your caching plugin first:
https://www.screencast.com/t/g9k4SuKp77j

2. I want to add sticky sidebar on the left.(I have tried “sticky menu or anything” but sometime it works and sometimes are not).

Please open a new topic for the second question and link us to a page with a left sidebar:
https://www.screencast.com/t/5LuFmzQdlU4

Hello Leo,

Thanks for your support.

First one is working fine.
2nd CSS for mobile is not looking as I expected.
Kindly look into this snap

P.S.: I have disabled WP Fastest Cache plugin.

Thanks,

Edited the second block of code above:
https://generatepress.com/forums/topic/need-to-customize-achieves-and-sidebar-pages/#post-1703950

Thanks Leo,

I have added some extra line of CSS what you have suggested. And it gives me my desired result.
Look at the snap:

After changing the CSS:

@media (max-width: 768px) {
    body:not(.post-image-aligned-center) .inside-article .post-image {
       float: left;
       margin-right: 10px;
       width:120px;
			
    }
	body:not(.post-image-aligned-center) .inside-article h2{
		font-size:14px;
		margin-bottom:0px;
		margin-top:4px
		
		
	}
	body:not(.post-image-aligned-center) .inside-article .entry-summary{
		margin-top:4px;
		margin-bottom:-25px;
		font-size:12px;
	}
	body:not(.post-image-aligned-center) .inside-article{
		padding:6px;
	}
}

Kindly look and check is this code okay?Btw, It works well in my mobile device.

Thanks and regards,
Somnath

Looks good to me :)