EzPortal - Portal Software for Forums

EzPortal Forums => Support => Topic started by: pixiegurl83 on November 08, 2015, 05:45:19 am

Title: surface31a Theme
Post by: pixiegurl83 on November 08, 2015, 05:45:19 am

How would I put a logo in to the rectangle space where it says "Sports Talk 24/7"?  Image below:



(https://www.ezportal.com/proxy.php?request=http%3A%2F%2Fi1058.photobucket.com%2Falbums%2Ft406%2FStormChaser83%2FUntitled.png&hash=fb99f29d995383858385f8ef2776c7ac68beeba8)

Title: Re: surface31a Theme
Post by: EzPortal on November 08, 2015, 10:40:31 pm

Maxx would know wince he made it.

But it looks like an edit to index.template.php

Title: Re: surface31a Theme
Post by: pixiegurl83 on November 09, 2015, 02:15:15 am

Yeah, it's there, but I can't seem to figure out how to place the image in there. I would like for my logo (banner) to fill the entire box. I have the image sized exactly, but can't get it to work.

Title: Re: surface31a Theme
Post by: Maxx on November 09, 2015, 09:27:26 am

Hello!

In you mx-custom.css file, you will find this code:

Code: [Select]

.maxx-header {   
background: url("../maxx/header.png") repeat scroll 0 0;   
height: 175px;   
margin: 0 auto;   
position: relative;}
replace with this code:

Code: [Select]

.maxx-header {   
background: url("../maxx/header.png") no-repeat;
    background-position: center top, 0 0;   
height: 175px;   
margin: 0 auto;   
position: relative;}
Now you banner will need to be placed in the Themes/surface31a2/maxx/  folder and named :
"header.png" (via FTP) upload!

the height of the image must be 175px and the with will depend on the width you set the wrapper or width of the theme... so some width tweaking will be need! if the background color matches. the position will be top center as in the css code!

regards,
maxx

Title: Re: surface31a Theme
Post by: pixiegurl83 on November 10, 2015, 05:13:50 am

Maxx, we got a prob :)

Logo fits perfectly, but on smaller screens (mobile phones/tablets) the logo gets cut off.

Title: Re: surface31a Theme
Post by: Maxx on November 10, 2015, 07:50:27 am

That be the problem with a Banner header :(

The theme was not made for this and most any will not work this way in mobile devices, it would be easier for you to use a small;er Logo.

Or you could make smaller images with a background the matches the banner, they your banner would be linked/parsed in the Current Theme settings!

regards,
Maxx

Title: Re: surface31a Theme
Post by: Maxx on November 10, 2015, 12:22:03 pm

pixiegurl83

Just to let you know that possible in week or so I may be able to look at your site make some suggestions, But I'm crazy sick lately.. compilations with old age.

It may work if you put a max and min-width to the header banner, in the same code I gave you, like example max-width: 1000px; min-width:360px; you will need to make these to work with you neads and requirements!

regards,
Maxx