Blockquote Joomla Editor / SP Pagebuilder - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Blockquote Joomla Editor / SP Pagebuilder

GB

Guido Blatz

SP Page Builder 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.

0
3 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #137925

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

0
GB
Guido Blatz
Accepted Answer
1 year ago #139805

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #139821

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.

0