Advertisement:

Author Topic: Banner Help  (Read 3068 times)

adsvads

  • Jr. Member
  • **
  • Posts: 50
Banner Help
« on: May 29, 2012, 09:50:18 pm »
Hello friends,
Please let me know what changes do I need to make so that the banner(728*90) gets fitted into the theme,as the right part of banner is getting overlapped from the right side.

vyper

  • Jr. Member
  • **
  • Posts: 85
Re: Banner Help
« Reply #1 on: May 29, 2012, 11:18:28 pm »
you need to resize theme from CSS. (theme/your_theme/CSS/style.css)

bilekas

  • Full Member
  • ***
  • Posts: 219
  • Bilekas
Re: Banner Help
« Reply #2 on: May 29, 2012, 11:52:56 pm »
you can add into the <img> tag this

<img width="728" src="..." > etc etc

just add the width var and the height will keep ratio.

adsvads

  • Jr. Member
  • **
  • Posts: 50
Re: Banner Help
« Reply #3 on: May 30, 2012, 10:29:51 am »
you need to resize theme from CSS. (theme/your_theme/CSS/style.css)
Thanks mate :)

adsvads

  • Jr. Member
  • **
  • Posts: 50
Re: Banner Help
« Reply #4 on: June 19, 2012, 03:09:28 pm »
you need to resize theme from CSS. (theme/your_theme/CSS/style.css)

you can add into the <img> tag this

<img width="728" src="..." > etc etc

just add the width var and the height will keep ratio.

Friends I have messed up :( reset the theme can you share the exact code please.
Thanks in advance :)

localsales

  • Full Member
  • ***
  • Posts: 130
Re: Banner Help
« Reply #5 on: June 20, 2012, 07:13:55 pm »
your total page divided into 2 parts "main" and "side bar" which inside content list And content list is inside container and container inside containerbg....like below


<div class="containerbg">
     <div class="container">
             <div id="header">
             <div class="content list">
                           <div id="main">
                           <div id="sidebar">
so you have to change some size in css file.

search for

.containerbg { background: #FFF url(../images/bg.gif); margin:0 auto; width:1010px; }
.container { background: #FFF; margin:0 auto; width:970px; }
.content { clear:both; float:left; margin-bottom:20px; width:960px; } and make them as


containerbg { background: #FFF url(images/bg.gif); margin:0 auto; width:1090px; }
.container { background: #FFF; margin:0 auto; width:1050px; }
.content { clear:both; float:left; margin-bottom:20px; width:1040px; }

then

search for

.list #main { float:right; padding-top:18px; width:690px; }

you can see .list #main is 690px so your banner is cross the area
so you have to make it as

.list #main { float:right; padding-top:18px; width:728px; }
now your banner fits

but as you make containterbg,.container,.content you have change your home page as well

like i suggest you make .home #main as width 725px
as well item page
so test it on local server..

adsvads

  • Jr. Member
  • **
  • Posts: 50
Re: Banner Help
« Reply #6 on: June 21, 2012, 10:24:43 pm »
your total page divided into 2 parts "main" and "side bar" which inside content list And content list is inside container and container inside containerbg....like below


<div class="containerbg">
     <div class="container">
             <div id="header">
             <div class="content list">
                           <div id="main">
                           <div id="sidebar">
so you have to change some size in css file.

search for

.containerbg { background: #FFF url(../images/bg.gif); margin:0 auto; width:1010px; }
.container { background: #FFF; margin:0 auto; width:970px; }
.content { clear:both; float:left; margin-bottom:20px; width:960px; } and make them as


containerbg { background: #FFF url(images/bg.gif); margin:0 auto; width:1090px; }
.container { background: #FFF; margin:0 auto; width:1050px; }
.content { clear:both; float:left; margin-bottom:20px; width:1040px; }

then

search for

.list #main { float:right; padding-top:18px; width:690px; }

you can see .list #main is 690px so your banner is cross the area
so you have to make it as

.list #main { float:right; padding-top:18px; width:728px; }
now your banner fits

but as you make containterbg,.container,.content you have change your home page as well

like i suggest you make .home #main as width 725px
as well item page
so test it on local server..

Thanks mate for you help, but still I find that the issue is unresolved :(

maxo

  • Sr. Member
  • ****
  • Posts: 285
Re: Banner Help
« Reply #7 on: June 23, 2012, 12:39:28 am »
Maybe put the ad in the header area with a site logo that will fit in with it.