How do I make pro silver non reponsive

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Anti-Spam Guide
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: 21902
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 beerImage
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: 21902
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 beerImage
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
Community Team Leader
Community Team Leader
Posts: 7827
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 - 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 2042 times
common css adapted.JPG
User avatar
Mick
Support Team Member
Support Team Member
Posts: 23055
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©
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: 68550
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
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

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”