[Support request] How to wrap a picture?

Home Forums Support [Support request] How to wrap a picture?

Home Forums Support How to wrap a picture?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1591523
    Igor

    How to make posts similar to Adsense?

    View post on imgur.com

    #1591530
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1591535
    Igor

    But if you only require the layout, we can definitely help you out with it. Help.)

    #1591540
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1591542
    Igor
    #1591572
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1591587
    Igor

    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.

    #1591683
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.