bottom border code

  • bapestars

    (@bapestars)


    1 year, 11 months ago

    I have a lace border on the top of my site and want it to be along the bottom as well but i can’t figure out how alter the code.
    here is the image of the lace border: sugar︵‿୨♡୧‿︵lace

    and here is the code i have used:
    <div style="height:50px; margin-top:0px; margin-left:0px; opacity:0.9; background:url('http://media.tumblr.com/6663c96b11c68ea5142d08c5ea986646/tumblr_inline_mrjfpo5YiO1rw2o8m.png') repeat-x left top; width:100%; position:fixed; z-index:9999;"></div>

    you can view my homepage to see what i mean.
    ~thank you in advance!~

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    1 year, 11 months ago

    footer#site-footer {
    background-image: URL("https://hosting.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/lace/029-a.gif");
    background-repeat-y: no-repeat;
    background-position-y: bottom;
}

    To add or override CSS: use the “Additional CSS” option in the customizer.  https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Thread Starter bapestars

    (@bapestars)

    1 year, 11 months ago

    @sterndata thank you for your reply ☻
    i have applied the code you gave me into my additional CSS & it looks pretty good.

    there is a concern i have about the footer though. usually there is a small gap between the bottom of the footer and the bottom of the page. sometimes it eventually goes to the bottom. it just bothers me a little.

    & could i make the footer appear on the page at all times instead of once i reach the bottom? i hope that makes sense.

    thank you for the tips, it is greatly appreciated♥

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘bottom border code’ is closed to new replies.