Just brushing up on how the newer v2.0 templates can be customised. Forgive me for the noob CSS/HTML "skills".
If I create a new OD site, and enter the style editor and add a logo and tweak some colors I can achieve this:
I know that I am going to want some greater control over other elements in the page, so I enable 'Use custom HTML/CSS' in the Header.
This then gives me, by default, two new DIVs - navbar-header and navbar-brand along with the original header (minus my logo, but there is now a placeholder for this on the navbar).
I essentially want to retain the look of the first screenshot and want some guidance on the most elegant way to do this.
But then I don't think I can edit the HTML of the row that has My Data on it, and therefore cant easily place a logo div onto it?
So how would you go about enabling custom CSS (for doing stuff with other elements on the page) but keeping the look and feel of the first screenshot?
Very easy to replicate, but if it helps, this is the sandbox site I am playing with.
The HTML and CSS for the header is scoped to the header only, so you're unable to use the header CSS to control other elements on the page.
That said - what kinds of things would you like to change on the page? We're continuously working on editor improvements to allow more customization.
you're unable to use the header CSS to control other elements on the page.
It is more than likely that I do not yet have a full understanding of the capabilities of the newer v2.0 templates and some of the above might be possible. I need to explore cards in more detail.
Appreciate the blog posts on styling - keep them coming!
I am finding some sites, such as Long Beach, Louden Co., and LA where the "Sign In" is disabled on their OD sites. How is this achieved?
I was able to remove the default header by adding some inline CSS above my header code
I also found that this happens to add an extra white bar at the top, this is a bit of a hack to remove it. I hope someone come up with a better solution
css html 5
Great news! Do you know when?
I am having a similar issue as the above users. Essentially, our entire hub site development effort is being held up because I can't figure out how to get the header to conform to my organization's web design standards. This is very frustrating, because with all the power of these sites, the lack of header customization is essentially a deal-breaker.
Hi SonomaMap Admnistrator -- can you expand a bit on what type of customization you are looking for without using the code editor of the custom header? We are always looking for ways to empower our customers to do more with less and are intently focused on the header area right now.
You'll start some easy to understand/do header customization rolling out in the next few weeks.