Custom CSS

Rani · 2016-05-10 20:07:02

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)

rod barbee · 2016-05-10 20:52:12

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.

Rani · 2016-05-10 21:01:57

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!

rod barbee · 2016-05-10 21:33:04

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.

Rani · 2016-05-10 23:21:27

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

rod barbee · 2016-05-10 23:25:01

Isn't that against logic?

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

Rani · 2016-05-11 00:52:42

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?

rod barbee · 2016-05-11 01:06:04

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.

gwlco · 2016-05-11 05:14:33

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.

rod barbee · 2016-05-11 06:29:19

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

Matthew · 2016-05-11 12:52:29

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.

Community @ The Turning Gate

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

Custom CSS

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

Re: Custom CSS

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

Re: Custom CSS

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

Re: Custom CSS

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

Re: Custom CSS

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

Re: Custom CSS

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

Re: Custom CSS

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

Re: Custom CSS

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

Re: Custom CSS

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

Re: Custom CSS

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

Re: Custom CSS

Board footer