CSS once again
By Frank Chojinski on Friday, 18 December 2020
Posted in General Issues
Likes 0
Views 540
Votes 0
Hello,

i want to change the preview of the blog articles. At the moment they look like in the screenshot attached. The font is to big for me, the line-height to small. From another domain i used this css code and wrote it into custom css:

#eb .eb-blog-grid__item--3 {
box-shadow: 0 6px 12px -3px rgba(49, 41, 41, 0.1);
margin-bottom: 15px;
padding: 20px 20px 25px;
margin: 10px;
background: #ffffff;
}

Sorry for that it doens´t work. Can you please help me?

Regards
Frank
Hi there,

Seems like you're using the EasyBlog Latest Blogs module for this view. You'll need to use a different CSS class selector. You can try these CSS:


#eb.eb-mod.mod_easybloglatestblogs .mod-grid {

    box-shadow: 0 6px 12px -3px rgba(49, 41, 41, 0.1);

    margin-bottom: 20px;

    padding: 20px 20px 25px;

    background: #ffffff;

}

#eb.eb-mod.mod_easybloglatestblogs .eb-mod-title,

#eb.eb-mod.mod_easybloglatestblogs .eb-mod-body {

    line-height: 2em;

}

Hope this helps.
Thanks.
Yasser Ibrahim
·
Friday, 18 December 2020 19:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Yasser,

great, thank you. Can you please give me a hint for the font-size? I want to have it a little smaller

Regards
Frank
Frank Chojinski
·
Friday, 18 December 2020 20:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Stop, i found it. Sorry.
Frank Chojinski
·
Friday, 18 December 2020 20:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

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

Thanks for understanding.
Manisha Ranawat
·
Friday, 18 December 2020 23:19
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post