Archived topic
How to wrap a picture?
7 replies · Started by Igor on December 22, 2020
How to make posts similar to Adsense?
https://imgur.com/a6F1Z8Q
Hi,
We can achieve similar layout with a few tweaks within the customizer plus a bit of CSS.
But as for the close button to collapse posts within the post list, that will be quite tricky as that will require custom scripts which is outside of our scope of support. If you must have this feature, it may be best to get a plugin for it.
But if you only require the layout, we can definitely help you out with it.
But if you only require the layout, we can definitely help you out with it. Help.)
But if you only require the layout, we can definitely help you out with it. Help.)
Can you link us to the page you're trying to apply this?
You can provide the site details on the Private Information text field. Thank you.
This is going to be a bit of a long read so bear with me:
First, go to Appearance > Customize > Layout > Blog uncheck all the things you don't want to display.
Second, on the same settings, set these up:
https://share.getcloudapp.com/d5uPyvQ8
Third, Create 2 new Hook Elements.
Both of their display rules should be the Blog and All Archives.
First Hook – to open the wrap.
Hook: generate_before_content
Priority: 20
Hook Content:
<div class="post-content-wrap">
<!-- open wrap -->It will automatically add the closing
– delete it.
Second Hook – to close the wrap:
Hook: generate_after_content
Priority: 10 (default)
Hook Content:
<!-- close wrap --></div>
Once they’re added try adding these CSS on Appearance > Customize > Additional CSS:
.inside-article{
padding: unset !important;
display:flex;
}
.inside-article > * {
width:50%;
}
.post-image, .post-content-wrap > *{
margin: unset !important;
}
.post-content-wrap {
padding:20px;
}These procedure should turn your blog post list display in horizontal manner similar to the ad's layout.
Thank you for your support and attention to me. But it seems to me if you had it on the menu. Why should I ask you basic functions? You have poor functionality.
Thank you for your support and attention to me. But it seems to me if you had it on the menu. Why should I ask you basic functions? You have poor functionality.
Not exactly sure what you mean by this. The instructions didn't have anything to do with the menu.
Is there any specific part of the instructions that are unclear? Let us know.
