#please lmk if you would like the little template to make your own or use it for your other media interests!
Explore tagged Tumblr posts
Note
hi! i make my own carrds now and again when i have the time to set aside to rly make it personal to me but i have used your templates in the past and im still learning how to use everything. i was just wondering how you group things together in your templates. like how you can group things so when you change one text box's font it'll change the whole carrd's font or one border's color and it'll change all the borders to match. i can't seem to figure that part out for my own and man it's not easy manually changing every individual element every time i change my theme colors on my multimuse ๐ญ thank you so much for everything you do <3
Hi! So, what I use to group elements for editing is a feature carrd has called element styles. The tab for it is found here (using my La Vita Nuova template to demonstrate), it's available when you select an element and go into the appearance tab.
(tutorial under cut for length)
when you click it, you should get a dropdown menu like this
These are the styles that I have have saved for this element type. Different types of elements will have their own styles saves; text will have it's own styles, containers will have their own styles, as will lists, links, buttons, everything. What you are looking at in the above menu is the styles I have saved for containers on this template.
For example, here is the top navigation style saved for this carrd. This style effects the container I use for the buttons at the top of every page on this template. If you selected the other containers with the same style, they would look like this, indicating which style is being used. It also displays the name of the style used in the little box at the top, so even if you collapse the list, you can still see which style an element is using.
You can change the style of an element by clicking on a style from the list of saved styles. It will automatically adjust whatever is selected to fit the customizations of the style. If you change an element with a style selected, it will automatically change every other element assigned to that style. So if, for example, you increased the margins of a container, all the other containers sharing that style will also have their margins increased without you having to do it manually. Or if you change text from black to white, all the other text elements assigned to that style will also turn from black to white automatically.
But to do that, of course, you will need to save a style first. If we go back to the first thing I had selected on the front page of the template, we can see that it had no style saved or selected. For demonstration purposes, I'm going to save this as it's own style. To that that, I'm going to make sure I have the right element selected, then scroll down to the bottom of the style list where it says "Add Style", and it will automatically create a new style with the customization settings of the selected element (that can then be renamed for organization purposes).
So it will go from this:
to THIS:
With that style saved, all you have to do is select another element and select the style from the dropdown menu, and it will change it to that style and group it with the other elements assigned to the style.
A tip I have is to be careful about checking if carrd automatically assigned a saved style to a new element before you make changes to it. Sometimes it will automatically assign an element to the style of what you had selected last, and you can end up changing the style itself by accident. If you don't want the new element to be grouped under a certain style, be sure to check it first.
I hoped this helps! If you have any more questions, please lmk <3
7 notes
ยท
View notes