How to Apply 'Type' Selector to...

User 2979665 Photo


Guest
8 posts

I'm starting to test out Site Designer, and am struggling to find a way to style all '<footer>' elements in my project.

I drag a footer element from the 'Advanced Containers' section of the 'Elements' pane, and place it on the page. On that same page, I have a '<header>' element, as well as a '<section>' element - all dragged from 'Advanced Containers'. I'd like to set some default styles that will apply to all footer elements across the entire project.

So I select my '<footer>' on the canvas, go to the 'Styles' pane, and in the 'Apply Styles' section I select "To all elements of this type". At this point, I expected the bottom at the text of that section to update and say: "The current selector (footer) is used in 1 element". Instead, I get: "The current selector (.container) is used in 3 elements" - even though I most definitely have "To all elements of this type" selected.

It seems that if I drag an 'Advanced Container' from the Elements pane, it automatically applies a 'container' class to it. Then, when trying to style the 'type' of that container, Site Designer ignores the html tag and insists on applying the styles to ".container". As expected, if I do apply some styling (e.g. change the background colour), it applies it to ALL 3 containers - not just the footer.

Am I doing something obviously wrong? How do we apply generic styles to those semantic containers? Any guidance would be greatly appreciated.
User 187934 Photo


Senior Advisor
19,490 posts

That maybe a bug or that's the way they designed it for container elements as targeting h1 tags works by selecting that type and it's proper in the elements tree css.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2979665 Photo


Guest
8 posts

Eric Rohloff wrote:
That maybe a bug or that's the way they designed it(...)


That's what I'd like to know. It feels odd that there wouldn't be a way to target 'footer', 'main', 'article', and so many other HTML5 semantic elements directly in a generic way. The way it is now, I'd have to manually apply a custom class to all footers, all articles, all headers, etc.

I've also tried dragging an 'Html Element' element, and manually selecting the tag in the 'Element' pane. But it seems that Site Designer automatically adds an '.html-element' class to these custom HTML Elements, so we end up with the same problem: if we select 'To all elements of this type' it shows us that it's styling all elements with the '.html-element' class...
User 2699991 Photo


Registered User
3,438 posts
Online Now

An element be it a footer, header, figure, section whatever is a CONTAINER, but with a different tag name that's all, so if you apply "to all elements of this type, then it applies it to a container, not the tag

in order to have the footer styled the same on different pages it needs to be a symbol, which you then insert an every page , that way however you style the footer, then that style applies to all the pages it is inserted on & any child elements).

or give it a class name E.G "footer" let the style applies to all "selected classes" then all others that you put on different pages give them the "footer" class

give it the same class name,,

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
https://mawarputih.id
User 2979665 Photo


Guest
8 posts

Thank you, Wayan! This is the kind of guidance I need, to get me from my 'hand-coding' way of thinking to a more 'Site Designer'-like workflow! :)
User 2699991 Photo


Registered User
3,438 posts
Online Now

That's ok it's a very steep learning curve which most of us oldies went through, once the penny drops or the light bulb shines it becomes a bit of a doddle. I have a few video tutorials if ever you get stuck maybe one will be suitable for specific problems

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
https://mawarputih.id
User 2088758 Photo


Senior Advisor
2,935 posts

Hi Igor,

Yes I agree with Wayan it is a steep learning curve. I have been using SD since its birth many years ago and I am still learning new things with it. Its a very powerful application and vital to my business.

If you ever need help with anything please post back there are lots of good folks over here that can help.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

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.