Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2017-07-27 19:21:52

volvoxturbo
Member
From: Barcelona - Frankfurt - Rome
Registered: 2012-11-12
Posts: 247
Website

Top Pallet fixed width

Hi all,

I'm using a top pallet with a fixed width of 1140px. When scrolling down its width expands over the whole width of the browsers window.

Is it possible to keep it on 1140px?

Thx in advance.

Best regards,
Oliver

Offline

#2 2017-07-27 22:24:57

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Top Pallet fixed width

Not using the designer, but you could perhaps implement some custom CSS to make it so.


Matt

The Turning Gate, http://theturninggate.net

Offline

#3 2017-08-25 07:31:23

volvoxturbo
Member
From: Barcelona - Frankfurt - Rome
Registered: 2012-11-12
Posts: 247
Website

Re: Top Pallet fixed width

Hi Matt,

thank you for your reply.
I checked it out but did not find any solution.

How to do it by css that the top pallet has its fixed width of 1280px while scrolling?

Any help or suggestions appreciated.

Best regards,
Oliver

Last edited by volvoxturbo (2017-08-25 07:31:44)

Offline

#4 2017-08-25 08:28:01

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Top Pallet fixed width

using the inspector, it looks like during scrolling, the class .is-fixed is added to a couple of selectors via jQuery.

try this in your custom css:


.page__pallet__top.is-fixed > .content {
	background-color: yourcolor;
}
	
.page__pallet__top.is-fixed {
       background-color:transparent;
       border:none;
}

just place the color of your top pallet in the first rule. this essentially reverses what is done by default.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#5 2017-08-25 18:58:21

volvoxturbo
Member
From: Barcelona - Frankfurt - Rome
Registered: 2012-11-12
Posts: 247
Website

Re: Top Pallet fixed width

Hello Rod,

thank you!
I set the width to 1280 in css:

.page__pallet__top.is-fixed {
       width:1280px;
}

but how to center it on the page?

Offline

#6 2017-08-25 20:23:14

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Top Pallet fixed width

The code I posted above prevented the color from filling the top-pallet and keeps it in the top-pallet content. That seems to do what you want.

At any rate, have you tried centering the top-pallet using "auto" for left and right margin?

If you can post a link it would be easier for us to help.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#7 2017-08-25 20:34:03

volvoxturbo
Member
From: Barcelona - Frankfurt - Rome
Registered: 2012-11-12
Posts: 247
Website

Re: Top Pallet fixed width

Rod, thanks a lot!

I missunderstood you :-)
I copied and pasted your code and it works perfect for me :-)

Best solution!

Best regards,
Oliver

Btw: https://barcelona-phototours.com

Last edited by volvoxturbo (2017-08-25 20:35:52)

Offline

#8 2017-08-25 20:41:33

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Top Pallet fixed width

Great looking site, Oliver. You should post this in the Showcase forum.


Matt

The Turning Gate, http://theturninggate.net

Offline

#9 2017-08-25 20:46:35

volvoxturbo
Member
From: Barcelona - Frankfurt - Rome
Registered: 2012-11-12
Posts: 247
Website

Re: Top Pallet fixed width

Hi Matt,

thanks, of course I will once the site is ready ;-)

Cheers,
Oliver

Offline

#10 2017-08-25 21:39:56

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Top Pallet fixed width

Nice site. Gives me some ideas! I like the way you incorporated the WordPress "booking" page.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#11 2017-08-25 23:47:28

charlie.choc
Member
From: Marietta, GA
Registered: 2014-01-09
Posts: 359
Website

Re: Top Pallet fixed width

Cool Rod, I've been trying to figure out how to do this too. Thanks.

Offline

Board footer

Powered by FluxBB