What do I need to edit in this code to make things sit right?

  • Hi

    I have this code

    #topbanner .widget {float:left;margin:1.4em 10em 5;}
#topbanner div:first-child > div {margin:1.4em 10em 0;}
.page h1.post-title,.page h2.post-title { display:none; }
#top-navigation .sf-menu a, #top-navigation .sf-menu li {
	z-index: auto;
}

li.menu-item {
	z-index: auto;
}

    On my site at the house of dog . co . uk and it’s making 2 banners appear at the top.

    I’m having trouble trying to get the horizontal banner central, and down just a bit, to be level with the centre of the red circle banner on the right. I’ve tried changing the numbers in that code, and this is the best I’ve managed, I just can’t seem to get it all sitting correctly. Please can someone help?

    Trying to ensure it sits correctly in all web browsers.

    Thanks

    Sally

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Richie KS

    (@rkcorp)

    add this to theme option->custom css

    #topbanner #text-19 {
margin: 0;
position: absolute;
top: 50px;
width:680px;
height:auto !important;
right: 190px;
}
#topbanner #text-20 {
float: left;
margin: 0;
position: absolute;
top: 0;
right: 0;
}
    Thread Starter sallysqueak

    (@sallysqueak)

    Thanks so much for helping ??

    I think that’s moved the banner with the dog on down a bit and made it more level with the red circle banner, which is great, but just one more thing, is it possible to make the dog banner go to the centre and leave the red circle where it is?

    That would be great if I could do that!

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘What do I need to edit in this code to make things sit right?’ is closed to new replies.