Blockquote Joomla Editor / SP Pagebuilder - Forum | JoomShaper
Staff replied SP Page Builder

Blockquote Joomla Editor / SP Pagebuilder

Asked by Guido Blatz 2 years ago Last activity 2 years ago

How can I reduce the height of the blockquotes line in front the the container ?
The Blockqupte line is always 1 line higher before and after the sentence.
see image attached.

The blockqupte in SP Pag builder Editor does only make a vertical grey line before the text.
The Add Elements/Testimonials offerst the option to add an icon as quotation mark

the Joomla editor shows nothing more but only indented text (no vertical line and no quotation mark) when Text is formatted with blockquptes.

3 replies

Paul Frankowski Senior Staff
2 years ago · edited

Hi Guido,

as you may know some styles are predefined by SPPB CSS, here is default for blockquote:

.sppb-blockquote-style {
  font-size: 18px;
  line-height: 1.55;
  margin: 12px 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 12px 16px;
  border-left: 6px solid #d3d7eb;
}

Now use your basic CSS knowledge and change/override appearance of that block.

Custom CSS guide: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Guido Blatz Asked this

I see, that height of the left grey blockquote is to adjust with line-height.

But I don`t know how to adjust the text within the block to be in the middle - its more in top of the container.

Paul Frankowski Senior Staff
2 years ago · edited

As I said ones "we don't teach CSS here for obvious reasons."

use text-align or line-height or ask OpenAI

Each webmaster should know CSS Basics, this is ABC.

Log in to reply.