[Resolved] Images not staying left in mobile

Home Forums Support [Resolved] Images not staying left in mobile

Home Forums Support Images not staying left in mobile

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2233708
    robchanoi

    Hi – probably really basic, have assigned image left, tried wrapping divs round the green tick images, but on mobile images move to center. Much searching but people want to center so tried in reverse but no joy.

    Thanks once again :/

    https://menspleasures.com/wp-content/uploads/2022/05/Screenshot_20220526-223812.png

    <h4> Unique Thrust Orifice</h4>

    #2233888
    Ying
    Staff
    Customer Support

    Hi there,

    Can you link us to the page in question?

    #2234898
    robchanoi

    Oh yup (fyi i have centered them for now but wld prefer left, thanks

    #2235072
    David
    Staff
    Customer Support

    Hi there,

    instead of adding an image and text, use a GenerateBlocks Headline block and an SVG icon to it:

    https://docs.generateblocks.com/article/headline-overview/#icon

    Heres the SVG code for a square checkbox:

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM339.8 211.8C350.7 200.9 350.7 183.1 339.8 172.2C328.9 161.3 311.1 161.3 300.2 172.2L192 280.4L147.8 236.2C136.9 225.3 119.1 225.3 108.2 236.2C97.27 247.1 97.27 264.9 108.2 275.8L172.2 339.8C183.1 350.7 200.9 350.7 211.8 339.8L339.8 211.8z"/></svg>

    #2235122
    robchanoi

    Thanks. Problem is the post is written in classic editor. Is there anything I can wrap around it to stop it moving if possible

    #2235142
    David
    Staff
    Customer Support

    If you switch to the code editor view, then you can add the HTML like so:

    <h4 class="has-inline-image">
        <img src="https://menspleasures.com/wp-content/uploads/2020/11/green-tick-box-300x300.png" alt="" width="29" height="29">
        <span class="">Your title text here</span>
    </h4>

    Replace the heading text where it says: Your title text here

    #2235895
    robchanoi

    Brilliant, that works perfectly – thanks David.

    #2236331
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.