Clever Geek Handbook

Drupal Panels Workout

I created my homepage layout using Panels 3, mostly from the blocks created by Views.

Now, I would like to apply a visual look as it was designed and sliced. Panels add a serious amount of divs to its layout. I don't need to remove this, but I need to add certain classes, id and change some of the tags used in its markup.

What's the best way to do this?

+2


source to share


2 answers


It depends on which part of the html you need to change, where you should do it. There are two places for this: either the templates used, where you can create your own using markup as you please. You can also overwrite the theme functions that use the panel and create your own markup there.



Edit: Templates are located in panels / plugins / layouts. These are page layout templates that print different areas of the panel. The other templates used come from different modules depending on what you entered into the panel page. Thus, the views in the panel will use the ect of the views template. However, this is also printed via the panel theme functions, theme_panel_pane in particular if I remember correctly. So there are some possibilities, but again, where to do your overwrite depends on what exactly you want to change.

+1


source


Inside the panels, you will find options for adding classes for rows, columns, and region.



You just need to click on setting and there you will find the css class option. But remember that you cannot remove the default class or IDs.

0


source






More articles:


All Articles