[Resolved] Standard theme css does not load within Layouts

[Author]

Posts

[Laura]

I am trying to: create a search page to list a certain number of online shops

Link to a page where the issue can be seen: hidden link

I expected to see: I just wanted to see the standard css I have on other pages, for example the h1 title in orange instead of black. I wonder if there is an issue with the Genesis Design Palette Pro plugin I have installed. Also, I'd like to see if it's possible to "split" in columns the various tags, so I don't have a long list.

Instead, I got: What you can see.

[Christian Cox]

Hi, the HTML markup applied to other pages seems to be different from what you have implemented in your Layout. I'm attaching two screenshots here that show the differences. Your theme is designed to require a specific HTML structure in order to apply specific styles to content. For example on the Mente Archivi page, the orange title is actually a link tag, inside an h2 tag, inside a header tag, inside an article tag, with special CSS classes applied to each wrapping element. If you want to match those styles, you can do one of two things:
- change the markup of your search page to match the markup of the Mente Archivi page, including the proper wrapper elements.
- add custom CSS to your current design that mimics the styles on other pages.

The first option is more flexible and requires less maintenance long-term, but it's also more complex and time consuming to get right. The second option is quick and can be accomplished simply, but you might have to make tweaks as you introduce more content which uses rules you did not expect.