How do I make pro silver non reponsive

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Scam Warning
Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

How do I make pro silver non reponsive

Post by Gary-B »

I am trying to set my header in Imageset.css (pic)
When I view it on a tablet the image goes out of the border to the right it looks fine on a pc. When I view it on a phone there is no image, I guess it's responsive.
Question : Can someone please help me set my forum image to render in the same place no matter what I am viewing it on, and make it non responsive.
I am using PHPBB3, new install, to add to the problem I am no expert so simpler the better.
Thanks G
site logo.JPG
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: How do I make pro silver non reponsive

Post by Arty »

Open overall_header.html, replace <span class="site_logo"></span> with <img src="{T_THEME_PATH}/images/site_logo.gif" />
then in css add

Code: Select all

.logo img { display: block; max-width: 100%; }
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B »

Are you sure this code is in the overall_forum_header file
<span class="site_logo"></span>
I cant find it, using version 3.1.9
User avatar
RMcGirr83
Former Team Member
Posts: 22016
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr

Re: How do I make pro silver non reponsive

Post by RMcGirr83 »

Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then buy me a beer Image
Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B »

forum code.JPG
Thanks for taking the time, I can see the code but the code you said to replace : <span class="site_logo"></span
Is not there.
User avatar
RMcGirr83
Former Team Member
Posts: 22016
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr

Re: How do I make pro silver non reponsive

Post by RMcGirr83 »

That's a call for Arty, he knows much more about css than I ever will.
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then buy me a beer Image
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: How do I make pro silver non reponsive

Post by Arty »

Looks like messed up overall_header.html. You are missing </a> and logo in that code.

If you can't find <span class="site_logo"></span> you can look for {SITE_LOGO_IMG}
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B »

forum code 2.JPG
Found it...thanks and replaced it with the code, does this look OK (Pic)

Where do I add the next part : .logo img { display: block; max-width: 100%; } ...Is it still required ?
User avatar
JimA
Former Team Member
Posts: 7833
Joined: Thu Jul 31, 2008 5:54 am
Location: The Netherlands
Name: Jim Mossing Holsteyn
Contact:

Re: How do I make pro silver non reponsive

Post by JimA »

Gary-B wrote:
forum code 2.JPG
Found it...thanks and replaced it with the code, does this look OK (Pic)

Where do I add the next part : .logo img { display: block; max-width: 100%; } ...Is it still required ?
Yes, that would still be necessary.

You can add it in one of the CSS files from prosilver, it doesn't matter which one.
The CSS files are located in the styles/prosilver/theme folder on your server. :)
Jim Mossing Holsteyn - Former Community Team Leader
Knowledge Base | Documentation | Board rules

If you're having any questions about the rules/customs of this website, feel free to drop me a PM.
Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B »

Sorry guys that did not work, the site still is responsive and the header image overlaps the border when viewed on a small screen. I place that code in the colours.css file/
Attachments
site overlap.JPG
site overlap.JPG (16.91 KiB) Viewed 2734 times
common css adapted.JPG
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26514
Joined: Fri Aug 29, 2008 9:49 am

Re: How do I make pro silver non reponsive

Post by Mick »

Purge the cache from ACP.
  • "The more connected we get the more alone we become" - Kyle Broflovski©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B »

Makes no difference
User avatar
Lumpy Burgertushie
Registered User
Posts: 69224
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: How do I make pro silver non reponsive

Post by Lumpy Burgertushie »

why not make the image repsonsive instead of trying to make prosilver not responsive.


robert
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
Gary-B
Registered User
Posts: 18
Joined: Thu Apr 28, 2016 8:48 am

Re: How do I make pro silver non reponsive

Post by Gary-B »

If thats possible I will give it a try, can you help
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: How do I make pro silver non reponsive

Post by Arty »

Add more stuff to css:

Code: Select all

div#site-description { float: none; width: 100%; }
#logo { float: none; padding: 0; display: block; }
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
Locked

Return to “[3.1.x] Styles Support & Discussion”