Welcome, Guest
Username: Password: Remember me

TOPIC: Custom Background Image

Custom Background Image 6 years 5 months ago #5012

  • merlinm
  • merlinm's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 37
  • Thank you received: 1
  • Karma: 0
Hi is it possible to put in a custom background image on the template, what I see is that there is a repeating color image that create the grey background.

Thanks
The administrator has disabled public write access.

Re: Custom Background Image 6 years 5 months ago #5017

  • trungdt
  • trungdt's Avatar
  • OFFLINE
  • Administrator
  • Posts: 2287
  • Thank you received: 998
  • Karma: 121
Hello,

Yes, you can edit background image with css. Cause this template is not compatible with our new framework so it can't change background from template configuration in back-end.

Regards
The administrator has disabled public write access.

Re: Custom Background Image 6 years 5 months ago #5021

  • merlinm
  • merlinm's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 37
  • Thank you received: 1
  • Karma: 0
Thanks, I am not good with CSS code but if you could give me the code I should be able to change it.
The administrator has disabled public write access.

Re: Custom Background Image 6 years 5 months ago #5031

  • trungdt
  • trungdt's Avatar
  • OFFLINE
  • Administrator
  • Posts: 2287
  • Thank you received: 998
  • Karma: 121
Hello,

You can find this code below around line 20 (layout.css)
body#ot-body {
background: url(../images/body-bg.png) 0 0 repeat-x #FFFFFF;
padding-bottom: 30px;
color: #333333;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
}

Best Regards
The administrator has disabled public write access.

Re: Custom Background Image 6 years 5 months ago #5043

  • merlinm
  • merlinm's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 37
  • Thank you received: 1
  • Karma: 0
Thank you, that worked, what would be the correct pixel size be to use? I have upload a static background image body-bg.png width 1425 pixels x height 625 pixels, the height is fine but the width repeats on the right hand side.
I did not change the css code just uploaded the new body-bg.png, should one change this line 0 0 repeat-x #FFFFFF; of the code?

Thanks
The administrator has disabled public write access.

Re: Custom Background Image 6 years 5 months ago #5057

  • trungdt
  • trungdt's Avatar
  • OFFLINE
  • Administrator
  • Posts: 2287
  • Thank you received: 998
  • Karma: 121
Hi,

You should replace repeat-x = no-repeat.

Regards
The administrator has disabled public write access.
Time to create page: 0.176 seconds