Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: Adding Custom Image to Header - How do I centre?  (Read 5296 times)

0 Members and 1 Guest are viewing this topic.

crl

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 81
Adding Custom Image to Header - How do I centre?
« on: October 25, 2013, 12:09:32 am »

I am trying to put a custom image on the top header section (centred) using the "curve" theme.

The image is not centred but to the left, the menu buttons/icons are boxed up to the right. So how do I centre the image? and if possible place the menu buttons/icons underneath the image (centred and in one line)?
Logged

phill104

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4885
    • Windsurf.me
Re: Adding Custom Image to Header - How do I centre?
« Reply #1 on: October 25, 2013, 12:41:40 am »

Can we have a link please?

There are a number of ways to centre an image.
Logged
It is a mistake to think you can solve any major problems just with potatoes.

crl

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 81
Re: Adding Custom Image to Header - How do I centre?
« Reply #2 on: October 25, 2013, 01:08:53 am »

Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Adding Custom Image to Header - How do I centre?
« Reply #3 on: November 06, 2013, 01:37:54 pm »

Please extract the attached zip file and copy template.html to your theme folder (themes/curve).
Logged

crl

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 81
Re: Adding Custom Image to Header - How do I centre?
« Reply #4 on: November 07, 2013, 01:27:26 am »

Thank you.

If I wanted to use a larger image size, do I have to edit the template.html or any other files? to prevent the image from stretching.
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Adding Custom Image to Header - How do I centre?
« Reply #5 on: November 07, 2013, 11:10:03 am »

You just have to edit template.html. Actually you can also remove the width and height attributes. They're just needed to help the browser rendering the website while the image hasn't been loaded yet.
Logged

crl

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 81
Re: Adding Custom Image to Header - How do I centre?
« Reply #6 on: November 08, 2013, 12:24:51 am »

Thanks for your help. All working fine now.. :)
Logged

crl

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 81
Re: Adding Custom Image to Header - How do I centre?
« Reply #7 on: November 08, 2013, 11:07:29 am »

Sorry to be a pain.
But there is just one other slight problem, is there a way of reducing the gap below the header, shown with red arrows?
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Adding Custom Image to Header - How do I centre?
« Reply #8 on: November 08, 2013, 11:49:34 am »

Please search our board, as that has already been asked and answered.
Logged

crl

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 81
Re: Adding Custom Image to Header - How do I centre?
« Reply #9 on: November 13, 2013, 01:35:27 am »

OK sorted the gap problem out.
Is there a way to centre the top menu (not to the left)?  I have done a search and the only thing I could find is to use the curve centred theme, which I want to avoid if possible because the rest of the header is now ok..
Logged

Jeff Bailey

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 1322
  • Fishing relaxes me.
    • Bailey Family Co.
Re: Adding Custom Image to Header - How do I centre?
« Reply #10 on: November 13, 2013, 01:52:00 am »

As far as I recall it wasn't particularly easy to center it.
You have two good options:
Download the centered theme and apply your edits or
Download the centered theme and apply its menu edits to your theme.
Logged
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford
Pages: [1]   Go Up
 

Page created in 0.025 seconds with 19 queries.