Set read more button location

  • Resolved Mohammad Reza

    (@mohammadboozary)


    3 years, 11 months ago

    Hi there,
    How can I set “read more” button to center and in the buttom of the text that I want to use the “read more” button for.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author George Gkouvousis

    (@gkouvousisg)

    You’ll need to customize the code of the plugin or align it through CSS.
    IE: https://www.w3schools.com/css/css_align.asp

    Thread Starter Mohammad Reza

    (@mohammadboozary)

    which file I need to edit?

    NOTE: I’m using the Classic Editor.

    In the TEXT side of your editor proper, put this.

    <p style=”text-align: center;”>[read more]</p>
    You can also simply select it in the normal editor and align center.

    Additional ..

    <div class=”darkblue-backing-cover”>
    // I’m also using a css class – placed inside styles.css, and this is it if you want to play:-
    .darkblue-left-backing-cover { padding: 6px 12px 12px 12px; background: #02003e; color: #808080; border-radius: 0 20px 20px 20px; border-style: solid; border-color: #02003e; }

    .. Your hidden TEXT goes here..

    // end up with the closing div at the end.
    </div>
    [/read]
    // And of course your closing read more tag.

    To reiterate: to achieve all of this, you have to work in the TEXT Side of the CLASSIC Editor, I don’t use Guttenberg, so I’ve no idea how it works over there.

    Hope it helps ..

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Set read more button location’ is closed to new replies.