Sidebars for 3.1 - I want answers! :D

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Anti-Spam Guide
Locked
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

Now the sidebar is off-screen and Leo in lost in the footer...

Image
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

(I replaced the sidebar text with that image.)
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

Arty wrote:Yep, link helps a lot.

On your forum you didn't add all css for #page-body.

Also #page-body already has entry in common.css with margin and it is located below your code, which causes it to overwrite your rules. Move your code at the end of content.css
I don't quite follow you here. I copied ALL of the #page-body code you suggested...
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

It's now in content.css as you suggested.
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: Sidebars for 3.1 - I want answers! :D

Post by Arty »

Oops. My bad. I've made a stupid typo in that code:

Code: Select all

#page-body { float: left: width: 100%; margin-right: -260px; }
should be

Code: Select all

#page-body { float: left; width: 100%; margin-right: -260px; }
Instead of ; I wrote : after "float: left"
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

No issue. Let's see how this goes...
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

YES! Thanks, Arty!

Image
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

For others reading this: the sidebar appears below the forum on a mobile device. Looks polished.
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

OK, I'm going to give your two sidebar strategy a go just so we have this all ironed out...
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

Arty, are the directions for two sidebars to be carried out in combination with your directions for one sidebar? Or should I go back to a fresh overall_header/footer.html and work through them?
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: Sidebars for 3.1 - I want answers! :D

Post by Arty »

Add one more div in overall_header.html for left sidebar, change class name from sidebar to sidebar-right in overall_footer.html

Then replace css code
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

Yes, I think I've done that. Must have made a mistake somewhere:

Image
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: Sidebars for 3.1 - I want answers! :D

Post by Arty »

Add this to css

Code: Select all

.sidebar-left + #page-body { clear: none; }
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

You're a lifesaver, Arty! Thanks!

Image
User avatar
Theonardo
Registered User
Posts: 129
Joined: Sat May 23, 2015 5:37 am

Re: Sidebars for 3.1 - I want answers! :D

Post by Theonardo »

For those interested:

As Arty indicated in his original explanation, the left sidebar disappears on mobile. Right sidebar still appears beneath the forum.
Locked

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