Advertisement:

Author Topic: Changing theme width  (Read 614 times)

Offline Jailer

  • Jr. Member
  • **
  • Posts: 133
  • Gender: Male
    • Bored Guy Blog
Changing theme width
« on: December 21, 2017, 06:51:20 PM »
Is there a simple way to change the width of a theme that doesn't have that option in the admin panel? I'm playing around with a couple different Christmas themes but they are very narrow in width and I'd like to make them a little wider on screen.

Offline Gwenwyfar

  • Pirate Valkyrie Neko-chan
  • On Hiatus
  • SMF Hero
  • *
  • Posts: 1,517
  • Gender: Female
    • Gwenwyfar on GitHub
    • My pixiv
Re: Changing theme width
« Reply #1 on: December 21, 2017, 09:05:27 PM »
Use inspect element and find where the "wrapper" of the theme has it's width defined. Then modify it on it's css file. Could be more than one place in some cases.
What is a friend to you?

Offline Jailer

  • Jr. Member
  • **
  • Posts: 133
  • Gender: Male
    • Bored Guy Blog
Re: Changing theme width
« Reply #2 on: December 21, 2017, 10:57:56 PM »
Thank you. I found it but I assume the only way to make any changes is a defined width that won't scale on smaller screens correct? When I reduce my screen size I get scrolling bars so again I assume there's no easy fix to that to make it resize to smaller screens?

Bear with me I'm not a developer or programmer, just an end user.

Offline Jailer

  • Jr. Member
  • **
  • Posts: 133
  • Gender: Male
    • Bored Guy Blog
Re: Changing theme width
« Reply #3 on: December 21, 2017, 11:29:36 PM »
Disregard, I can't get it to do what I want it to so I'll just leave it as is.

Offline lurkalot

  • Sophist Member
  • *****
  • Posts: 1,135
  • Gender: Male
  • Tinyportal Support
    • guitaristguild on Facebook
    • Tinyportal on GitHub
    • @GuitaristGuild on Twitter
    • Guitarist Guild
Re: Changing theme width
« Reply #4 on: December 22, 2017, 03:31:01 AM »
Thank you. I found it but I assume the only way to make any changes is a defined width that won't scale on smaller screens correct? When I reduce my screen size I get scrolling bars so again I assume there's no easy fix to that to make it resize to smaller screens?

Bear with me I'm not a developer or programmer, just an end user.

For example where it says the width 720px change that to 95% and save  The press Ctrl + F5 on your keyboard to see the changes.

Always make a backup of the file you're changing and if it doesn't work you can change it back.

Offline Jailer

  • Jr. Member
  • **
  • Posts: 133
  • Gender: Male
    • Bored Guy Blog
Re: Changing theme width
« Reply #5 on: December 22, 2017, 06:02:31 AM »
That did it, thanks lurkalot!

Offline lurkalot

  • Sophist Member
  • *****
  • Posts: 1,135
  • Gender: Male
  • Tinyportal Support
    • guitaristguild on Facebook
    • Tinyportal on GitHub
    • @GuitaristGuild on Twitter
    • Guitarist Guild
Re: Changing theme width
« Reply #6 on: December 22, 2017, 11:48:51 AM »
That did it, thanks lurkalot!

You're welcome.  Happy Christmas.  8)