Questions about Classes - Renaming...
Hello Again!
Still progressing but I've been working around these related questions for a while so I'd really appreciate some help.
1) If I end up with an automatically named class such as "paragragh-text-4", is there a way for me to rename the class to something more descriptive like paragraph-text-bold so I can remember what it is more easily?
2) Is there a way to avoid having classes automatically named so that I name them from the outset?
3) If I have something useful such as the "learn-more-btn" that makes a button out of a text link that is used 7 times on my homepage, but I want to have a different background color, say, in one location, is there a way to copy the settings (styles etc) into a new class, such as learn-more-btn-blue, which would henceforth be no longer connected to the other 6 elements?
Thanks so much...
Still progressing but I've been working around these related questions for a while so I'd really appreciate some help.
1) If I end up with an automatically named class such as "paragragh-text-4", is there a way for me to rename the class to something more descriptive like paragraph-text-bold so I can remember what it is more easily?
2) Is there a way to avoid having classes automatically named so that I name them from the outset?
3) If I have something useful such as the "learn-more-btn" that makes a button out of a text link that is used 7 times on my homepage, but I want to have a different background color, say, in one location, is there a way to copy the settings (styles etc) into a new class, such as learn-more-btn-blue, which would henceforth be no longer connected to the other 6 elements?
Thanks so much...
To your question 1: If you have a class name you want to change, click on the x in front of it, which deletes it. And WITHOUT CLICKING ANYWHERE ELSE type your preferred new class name there instead.
2. Yes, you can give an element a class name right from the start.
3. I would actually give all the buttons (or other elements) of the same kind the same class name, so that you can style them together with padding, borders, size, text etc and also the colour that will be the default. Afterwards, you select the one you want to give a different colour and give it an extra class like e.g. blue. Then you can style the colour as you wish without losing the other styles.
2. Yes, you can give an element a class name right from the start.
3. I would actually give all the buttons (or other elements) of the same kind the same class name, so that you can style them together with padding, borders, size, text etc and also the colour that will be the default. Afterwards, you select the one you want to give a different colour and give it an extra class like e.g. blue. Then you can style the colour as you wish without losing the other styles.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
To keep the settings on an element but with a different class name, you select the, then delete the class name, the WITHOUT doing anything else, retype the new class name straight away, that then gives the element a new class name with the same settings, if you then wish to change any setting (like colour of button) then you can go ahead and do that and it will only apply the new setting to that element
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Oooos Inger beat me to it
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
For once, I was first!
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
There is a couple of other ways
The first is perhaps better for when starting a new project (I do this for all my new projects)
once the element has been placed onto your canvas, you then apply the styling
'"Apply To All Elements Of This Type'
you can then go ahead and style it as you like, and there is NO CLASS name created.
when you add another element of that type it takes on the styling you applied
If you then decide to change something, on the new element then you can add a relevant class name (IE 'red' for a button colour
then if you want yet another button add it, and if you want it to be red, then simply add the class 'red' etc etc, all other styling is the same as all the others
On some of my projects I have some elements on every page, that have no class name at all.
The other way is to give an element you wish to change the styling for (and just apply to that element on that page only) is to give it an ID then you apply any styling to "this element only"
The first is perhaps better for when starting a new project (I do this for all my new projects)
once the element has been placed onto your canvas, you then apply the styling
'"Apply To All Elements Of This Type'
you can then go ahead and style it as you like, and there is NO CLASS name created.
when you add another element of that type it takes on the styling you applied
If you then decide to change something, on the new element then you can add a relevant class name (IE 'red' for a button colour
then if you want yet another button add it, and if you want it to be red, then simply add the class 'red' etc etc, all other styling is the same as all the others
On some of my projects I have some elements on every page, that have no class name at all.
The other way is to give an element you wish to change the styling for (and just apply to that element on that page only) is to give it an ID then you apply any styling to "this element only"
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Ohmigosh, so helpful.
The button thing worked perfect.
It will take some practice to get the naming/renaming down pat but you've put me on the right track, and I can keep things so much better organized now.
Thanks so much!
The button thing worked perfect.
It will take some practice to get the naming/renaming down pat but you've put me on the right track, and I can keep things so much better organized now.
Thanks so much!
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.