Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2016-05-10 20:07:02

Rani
Member
Registered: 2016-05-09
Posts: 7
Website

Custom CSS

Please guide me like I am 10 year old ;-)

1. I would like to make changes to different page parts for only 1 page at a time. how do I find and write in the custom CSS file the right selector? More specific- how to target the right element and the selector.
2. When viewing the site on mobile the names of the gallerias are always showing up (open). how to make them ALWAYS be closed and to open them only after pressing on the galleria set name?

Test site: www.rani1.com

Thank you for your help!

Last edited by Rani (2016-05-10 20:13:39)

Offline

#2 2016-05-10 20:52:12

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

Re: Custom CSS

1. That's quite a big subject. If you plan on lots of customization, I can recommend CSS:The Missing Manual.
There are also online courses from places like Lynda.com and Treehouse.
Also learn to use your browser's developer tools, specifically the Inspector.

Otherwise, if you have a few specific changes you want to make, someone here can likely tell you the selectors and properties to use.

2. Design your menu set to not display descendants.


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

Offline

#3 2016-05-10 21:01:57

Rani
Member
Registered: 2016-05-09
Posts: 7
Website

Re: Custom CSS

1. Not that much.

I am using the Inspector. I know I just missing something very simple here.
For targeting the Home/About and all other pages so one can use their selectors in the custom CSS - what should I do?


2. Thank you!

Offline

#4 2016-05-10 21:33:04

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

Re: Custom CSS

Sorry, the question seemed pretty broad.
There are no page specific selectors. (I don't know if there will be)
You can assign custom css files to page templates however.


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

Offline

#5 2016-05-10 23:21:27

Rani
Member
Registered: 2016-05-09
Posts: 7
Website

Re: Custom CSS

For each page template assigning different custom css file? Isn't that against logic?

Offline

#6 2016-05-10 23:25:01

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

Re: Custom CSS

Isn't that against logic?

whether or not it goes against logic, it is the option you have right now.


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

Offline

#7 2016-05-11 00:52:42

Rani
Member
Registered: 2016-05-09
Posts: 7
Website

Re: Custom CSS

OK!
At least now I know the solution and not going out of my mind :-)
Thank's Rod!!
p.s
I tried to send you an email throughout here but it was impossible. bug?

Offline

#8 2016-05-11 01:06:04

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

Re: Custom CSS

Don't know if it's a bug or not. I can't get the mailto: link to work in Firefox. It works in Chrome though. But you can just click through to my website and email me from there.

You can copy the email address from the link and then just paste it into a new email.


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

Offline

#9 2016-05-11 05:14:33

gwlco
Member
From: Pensacola, Fl.
Registered: 2012-10-24
Posts: 337
Website

Re: Custom CSS

Have you tried clearing the cache and history in Firefox. I usually do that often.  Just press Ctrl+Shft+Del and choose what you want deleted. Hope this helps.

Offline

#10 2016-05-11 06:29:19

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

Re: Custom CSS

still doesn't make the mailto: link in the forum work in Firefox. Might be a Windows 10 thing too.


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

Offline

#11 2016-05-11 12:52:29

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

Re: Custom CSS

Rani wrote:

For each page template assigning different custom css file? Isn't that against logic?

Not a bit. A single page template can be used for your entire website, should you so choose.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB