The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

[resolved] How do i move my logo image to the right ? (2 posts)

  1. grove39
    Posted 5 years ago #

    I'm trying to test new image logos for my site but the problem i'm coming across is that i cant in any way seem to move the image so its centered at the top of the page , i tried float right but this pushes it too far to the right , float left is too far to the left but float center does nothing and doesn't move the image anywhere

    This is my site http://www..blackoutbass.com/

    I'm assuming i'm editing the right bit of code below but whatever i change doesn't seem to work

    /***** Image Header - Partial Width ********************/

    .header-image #header #title-area {
    background: url(images/logo.png) transparent center center;

    .header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
    display: block;
    float: center;
    width: 725px;
    height: 250px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;

    .header-image #title-area #description {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;

    /***** Image Header - Full Width ********************/

    .header-full-width #title-area, .header-full-width #title-area #title, .header-full-width #title-area #title a {
    width: 900px;

  2. teolives
    Posted 5 years ago #

    Style your title-area div with width: 100% and set the background-repeat to no-repeat in the same div.
    Should do.

Topic Closed

This topic has been closed to new replies.

About this Topic