boilplate text using p class h7 tag

  • Unknown's avatar

    Rather than use a widget in the footer or anywhere else, I would like to create a “boilplate” text that appears on multiple pages, and can easily be changed when necessary.

    Here is what I have done.

    In the CSS I added:

    .h7 {
    color: #111111;
    font-size: 10px;
    }

    .h7::after {
    content: “The synopsis at the top of this page was adapted from Wikipedia.org and Keithlovesmovies.com. Names of characters and general descriptions were inserted into the episode’s close captioning text. It is NOT the official script. Commentary excerpts are given inline citations. NBC and affiliates retain all copyright to images. “;
    }

    Then in the BODY of the page wherever I want this text to appear I have

    <p class=”h7″>REFERENCES: </p>

    EXAMPLE is at the bottom of the following page:

    https://manifest828.com/2018/10/03/government-roundtable-102-12/

    QUESTION 1: You will notice that above it is the same paragraph with links. Is it possible to have links in the text using the .h7 class? If not, that is okay. By using the class, I’ll be able to change the text anytime I want in the CSS rather than go to every page.

    QUESTION 2: Usually I would put something like this in a widget, but I don’t want to run the risk of it not being seen (ie. on mobile devices where sometimes the right column or left column disappears, etc). This is too important.

    Is there another way of doing this via shortcode or something?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there,

    QUESTION 1: You will notice that above it is the same paragraph with links. Is it possible to have links in the text using the .h7 class? If not, that is okay. By using the class, I’ll be able to change the text anytime I want in the CSS rather than go to every page.

    You can not insert HTML element in Content of CSS:: after the element.

    QUESTION 2: Usually I would put something like this in a widget, but I don’t want to run the risk of it not being seen (ie. on mobile devices where sometimes the right column or left column disappears, etc). This is too important.

    Is there another way of doing this via shortcode or something?

    You can create shortcode and then use it in HTML code.

    Following is a good article on how to create shortcode and use it in HTML page.
    https://www.wpbeginner.com/wp-tutorials/how-to-add-a-shortcode-in-wordpress/

    Hope it helps and fixes!

  • Unknown's avatar

    thanks for replying.

    The link you gave me is for selfhosted wordpress sites using php. That does not help. And the help page at wordpress.com on shortcodes has nothing about adding text, or atleast I have not seen it.

  • The topic ‘boilplate text using p class h7 tag’ is closed to new replies.