Support » Theme: Hueman » Scrolling Marquee/Banner

  • Resolved jklarich

    (@jklarich)


    I am trying to get a scrolling text across the screen on top of all my other content to put important information on my site. I use a marquee code but it is only at the top of the page and would like it across the lower half of the page. Here is the code I used:

    <!– Codes by HTML.am –>

    <!– CSS Code –>
    <style type=”text/css” scoped>
    .GeneratedMarquee {
    font-family:’Times New Roman’, serif;
    font-size:5em;
    font-weight:bold;
    line-height:1.3em;
    color:#000000;
    background-color:#0099FF;
    padding:.5em;

    }
    </style>

    <!– HTML Code –>
    <marquee class=”GeneratedMarquee” direction=”left” scrollamount=”6″ behavior=”scroll”>City Important Information</marquee>

    Here is my website:

    Home

    Where do I go from here?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi jklarich. How did you add it to the top of the page?

    across the lower half of the page

    Does that mean somewhere in the content area? The footer?

    I used a Marquee CSS code which is above and that is where it put it. I couldn’t figure out if I could move it. Some of the Marquee CSS codes had it scroll across and it went behind my header,content area, widgets which I don’t want.

    What I want is a way of displaying important information that is of an urgent nature. I want it displayed somewhere like at the top of all the content area pages with a colorful bold display. This item will only be used occasionally. What are my options?

    I used a Marquee CSS code which is above and that is where it put it.

    Is that a plugin? What is “it”? The CSS code didn’t create the marquee; the HTML did. How did the HTML get added to the site?

    KeyMaker

    (@keymakerproductions)

    Did you place the code directly to any php file or did you login, access the admin area, then enter the code using the visual/text editor?

    I put this code in my CSS:

    <!– Codes by HTML.am –>

    <!– CSS Code –>
    <style type=”text/css” scoped>
    .GeneratedMarquee {
    font-family:’Times New Roman’, serif;
    font-size:5em;
    font-weight:bold;
    line-height:1.3em;
    color:#000000;
    background-color:#0099FF;
    padding:.5em;

    }
    </style>

    <!– HTML Code –>
    <marquee class=”GeneratedMarquee” direction=”left” scrollamount=”6″ behavior=”scroll”>City Important Information</marquee>

    and it put a marquee on my site. I don’t know how it worked, but it did.

    I just want a way to display urgent information in a eye catching way that is easily edited and displayed on all my content area pages.

    I don’t know how it worked, but it did.

    Adding code that you don’t know how it’s going to be applied is a good way to bring down your site. In this case it “worked” because, when your site loaded the CSS file, it saw the HTML code and rendered it on the page. Since the CSS file is loaded before any of the site templates the marquee ends up at the very top of the page.

    A couple of options:
    1. Take the HTML code out of your CSS and add it to one of the theme template files (content, footer) in a child theme.
    2. Use one of the following plugins:
    https://wordpress.org/plugins/horizontal-scrolling-announcement/
    https://wordpress.org/plugins/message-ticker/screenshots/
    https://wordpress.org/plugins/continuous-announcement-scroller/screenshots/
    https://wordpress.org/plugins/jquery-news-ticker/screenshots/

    Also, just a note: when you post code you should highlight it and then click the “code” button above the editor. This will add backticks before and after the code segment. Helps to keep the post out of the spam filter and makes the code easier to read.

    Ok, I thought I was following instructions to create CSS code and it wasn’t HTML. I’m still learning. I will check out those plugins. Thanks for the suggestions and thank you for explaining how to put code in my posts!

    You’re welcome; glad to help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Scrolling Marquee/Banner’ is closed to new replies.