CSS-overrides do not seem to work with my EB
By Steffen Rabe on Saturday, 12 March 2022
Posted in EasyBlog
Likes 0
Views 617
Votes 0
Hi there,

the idea of creating css-overrides from within EB is awesome.

Unfortunately, it does not seem to work with me:

I would like to increase font-size of normal blog-text, which is evidently 13 px, als firefox told me.

But when I go to Custom-CSS and put there
Bildschirmfoto 2022-03-12 um 13.19.11.png

nothing happens.

Same when trying to change post-foot or anything else.

Where is my fault?

Thanks,
best,
Steffen

coronia.info
Hello,

To override the EasyBlog style you will need to insert body at the front of every selector to increase the specificity.

e.g.

#eb .eb-post h1, #eb .eb-entry h1 {color: red;}

will be

body #eb .eb-post h1, body #eb .eb-entry h1 {color: red;}


You can get more info about CSS specificity here

https://css-tricks.com/specifics-on-css-specificity/#aa-calculating-css-specificity-value

https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
Chang
·
Monday, 14 March 2022 20:30
·
0 Likes
·
0 Votes
·
0 Comments
·
All the more irritating, as the custom.css-command is found but overwritten by the original typo.css

Bildschirmfoto 2022-03-12 um 14.05.19.png
Steffen Rabe
·
Saturday, 12 March 2022 21:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

You will need to increase the specificity to override the styling e.g.



body #eb .eb-entry-article .ebd-block p {

  font-size: 30px;

}
Chang
·
Monday, 14 March 2022 10:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi, Chang,

thank You for Your reply - is there any way to get the correct css-definition in advance, because as well firefox as Brave or any other tool omits this "body" item?

Thanks for Your help,

best,

Steffen
Steffen Rabe
·
Monday, 14 March 2022 16:35
·
0 Likes
·
0 Votes
·
0 Comments
·
But in every case: Your hint solved the prob... thanks!
Steffen Rabe
·
Monday, 14 March 2022 16:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry bothering You again:

same prob when trying to alter the posts headline to 1.6.em on coronoia.info .

Investigating the headline with for example Firefox indicates:
#eb .eb-post h1, #eb .eb-entry h1

Looking in the EasyBlog typo.css indicates:
#eb .eb-post h1, #eb .eb-entry h1

But changing
#eb .eb-post h1, #eb .eb-entry h1

in the custom.css changes nothing, not even if I ad
head #eb .eb-post h1, #eb .eb-entry h1

How to get the correct css to modify when working with EasyBlog?

Thanks for Your patience,
best
Steffen
Steffen Rabe
·
Monday, 14 March 2022 20:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Your support is marvelous...

So: no matter if I want to change the body-text or the headline: for EB it's always "body" to be specified?

THANK You so much...

best,

Steffen
Steffen Rabe
·
Monday, 14 March 2022 20:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes, you understand correctly.

Just for your information, I have locked and marked this thread as resolved to avoid confusion in the future. Please start a new thread if you have any other issues in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.
Arlex Wong
·
Thursday, 17 March 2022 16:34
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post