Font size in block quote

[tats86]

Hello, I’m trying to style the blockquote, but the font size doesn’t seem to be working.

What am I doing wrong?

blockquote {
font-family: Bellefair;
font-size: 50px;
width: 100%;
margin: 0.25em 0;
padding: 40px 40px 10px 20px;
line-height: 1.45;
position: relative;
color: #000000;
border-left:10px solid #F2A0A0;
border-right: 1px solid #D6D3CF;
background-color: #EEEBE7;
}

blockquote cite {
color: #192930;
font-size: 30px;
display: block;
margin-top: 5px;
margin-bottom: 5px;
}

[ruenel]

Hello @tats86,

Thanks for writing in!

Your font size were not applied because your have another custom css overiding the font size:

.single-post p {
    font-size: 18px;
}

You will need to have another custom css block like this:

blockquote p{
  font-family: Bellefair;
  font-size: 50px;
}

Please let us know if this works out for you.

[tats86]

Hm tried adding it but no, not working…

[ruenel]

Hello @tats86,

The custom css is not working because of the hierarchy of the code.

element element {
  /* some basic styling
}

.class element {
  /* some basic styling
}

The element to element styling is much lower compared to “.class” to element styling which has more weigh in the styling. To force your custom code, you can add the .single class into it.

Please use this:

.single-post blockquote p{
  font-family: Bellefair;
  font-size: 50px;
}

We would love to know if this has worked for you. Thank you.

[tats86]

That worked! Thank you very much!

[ruenel]

You are most welcome!