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...

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.

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

Oooos Inger beat me to it

For once, I was first!

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"

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!