Drupal Answers is a question and answer site for Drupal developers and administrators. It only takes a minute to sign up.
Sign up to join this community
In some cases, when I install new themes, some regions\ blocks\buttons are too near to each other, and I need to start adding margins between them individually with css. This takes much time...
Is there a way to automate this process? Is there some kind of a general\universal ID or class for all regions\blocks\buttons that I might be able to use to space all of regions\blocks\buttons "In one piece" and with much comfortability? It could also help me save time that could go on other things.
Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
No. Of course there are default Drupal styles but there are no guarantees that whichever base theme you are working from hasn't overridden them.
The good news is that most popular base themes will implement classes that are universal to a particular type of output, like a row or a block. For instance, Foundation uses its own 'row' and 'column' but retains the core 'block' class.
Since you asked :), here is something you might do to add padding to columns in a Bootstrap subtheme:
.main-container > .row > section {padding: 1em;}
Note the '>' combinator. This refers to immediate descendents.
<div class="main-container">
<div class="row">
<section>
<!-- this element will be our target since it's an immediate descendent of .row -->
<section>
<!-- this element is not -->
</section>
</section>
</div>
</div>
Note: If a selector is prefixed with '#' it is an id, and will only apply to one element. A class is prefixed with '.' and can apply to multiple elements. So all rows in bootstrap can be accessed with:
.row {padding: 1em;}
