The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] How can I make the following text over my image fluid?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #188296

    An example of what I have now can be seen here :

    The problem is when I mess with my browser screen size the words dont move with it and arent fixed inside the image like id like it to be. Here is my css right now :

    .home-introimage {
        background-image: url("");
        background-position: center center;
        height: 350px;
    .home-mainheadlineinside {
        color: #fbfbfb;
        display: block;
        font-family: "Open Sans",sans-serif !important;
        font-size: 60px;
        font-weight: 400;
        line-height: 1.111em;
        margin-left: 309px;
        margin-top: 163px;
        position: absolute;
        text-align: center;
        width: auto;

    and my html:
    <div class="home-introimage"><div class="home-mainheadlineinside">WORDS WORDS.</div></div>


    If you want them top center just remove align-items: center.

    If you still need that text pushed down a little ways from the top just add margin-top: to your .home-mainheadlineinside class.


    Is this what you are after?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.