First off, allow me to express my appreciation for your product and the superawesomeness of the Avia Framework. You got this WordPress thing all lock up. Great work.
So, I like some input on best practices for adding additional Ids/Classes on the homepage to enable full screen wrappers (for say a single image or repeating texture) – like the “slideshow_big ” Id, that the slideshow is in.
I can see how to do this for the constant elements, like the header, but not for the dynamic elements, like say the Page Content option (which is great by the way – love the flexibility to build anything I want)
It appears that each dynamic element added recieves a respective class; i.e; .dynamic_textarea_p.dynamic_element.dynamic_el_4
But, styles applied to those classes will stop at the container. So, how can I put those elements into a new wrapper-type div, for adding background images and what not. Similarly, what would be the best way to target the navigation for applying a fullscreen background color (worked a solution there, but I’m sure there is a better way).
Oh, while I’m at it, can I extend the slideshow to the full width also?
I’m looking at Angular, and it appears to be structured in a similar fashion to Propulsion. So, same questions for Angular, in case they would be unique in any way.
Thanks again for all your work.
Can you give me a specific with a link to your page? Its hard to conceptualize for me on a broad idea like that.
Generally, you can follow the code hints in the theme files back to where an individual function is created to add in additional code or in your case add a class or ID. For instance, if you want to add some styling to a normal blog post you would open format-standard.php in the includes folder.
Angular is a bit more complicated to play with as it uses a good bit of ajax to run the portfolio features.
The topic ‘Adding new (full screen) wrappers to homepage's dynamic divs’ is closed to new replies.