Blockquote: what I write isn't central

[De_Pasquale]

Good morning,
I have a problem with the blockquote. When I write something and I put it inside blockquote, it isn’t in a central position, but up. What can I do in order to put what I write in a central position? Thank you very much.

[jade]

Hi Patrizia,

I have checked a post on your site (see secure note for link) and the blockquote text content seems to be wrapped in a <p> tag and paragraphs have default bottom margin.

To override that and get rid of the bottom space, please add the class mbn to the <p> tag like this:

<blockquote>
     <p class="mbn" style="text-align: center;">Apri un profilo Facebook unicamente per iscriverti a gruppi letterari</p>
</blockquote>

Please check this link for more CSS Ready Classes available that you can use:

@ThemecoKB

Utility Classes

The classes listed in this section are not meant to be targeted with CSS to alter their styling or functionality. Instead, these classes already perform a specified action and are meant to be used with various elements when needed.

Spacing Helpers

In order for pages to be structured properly, all elements must receive some type of margin or padding for adequate spacing. While this spacing is beneficial in most cases, it might be something you wish to remove or modify at other times. We have provided plenty of helper classes to use in these instances. These helper classes allow you to modify the margin and padding of elements by removing the spacing completely, or adding a small, medium, or large amount of spacing. These classes are an acronym built from three different parameters:

1. Margin (m) or padding (p).
2. Top (t), left (l), right (r), bottom (b), vertical (v), horizontal (h), or all (a).
3. None (n), small (s), medium (m), or large (l).

For example, if you wanted to add a class that removed all of the margin from the top of an element you would use mtn, which stands for margin top none. Alternately, if you wanted to add a small amount of padding to both sides of an element you would use phm, which stands for padding horizontal medium.

To figure out where the spacing on an element is coming from, you can easily do this in Chrome. Simply right click on any element and select Inspect Element from the dropdown. This will reveal a popup at the bottom of your window, which will display HTML on the left and CSS on the right. You can hover over the HTML in the popup and select elements to see where any margin or padding is coming from. Margin is designated by a reddish/orange color and padding is designated by green.

Spacing: None

• mtn

• mrn

• mbn

• mln

• mvn

• mhn

• man

• ptn

• prn

• pbn

• pln

• pvn

• phn

• pan

Spacing: Small

• mts

• mrs

• mbs

• mls

• mvs

• mhs

• mas

• pts

• prs

• pbs

• pls

• pvs

• phs

• pas

Spacing: Medium

• mtm

• mrm

• mbm

• mlm

• mvm

• mhm

• mam

• ptm

• prm

• pbm

• plm

• pvm

• phm

• pam

Spacing: Large

• mtl

• mrl

• mbl

• mll

• mvl

• mhl

• mal

• ptl

• prl

• pbl

• pll

• pvl

• phl

• pal

Hope this helps.

[De_Pasquale]

Thank you so much, Jade.
Can I to insert your instruction in X-> Theme Option -> CSS?
I’d like to have an instruction in order to change the position everytime I write something using blockquote, and not only for one case. Is it possible create something by default?
Thank you.

[De_Pasquale]

Thanks your instruction I have solved my problem. Thank you.
If there is a global instruction… Ok, or it’s good so.
Best regards

[lely]

You’re always welcome!

What do you mean by global instruction? Those classes shared by Jade are already available on the theme, are ready to be use. Use it as needed.