Blog Meta Data

Hello!

I would like to know if I can change the blog meta data in the Cloriato theme to look like the text below (see attached image) in the blue box, either through using the custom CSS function or tweaking the blog.php.

Thank you very much for your help!

Sincerely,
Jessie

 

Hello,

Please download "blog.php" file attached and replace it with your current "blog.php" file.

now,
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content_wrapper .content .post .post_meta{
background:none;
}
.content_wrapper .content .post .post_meta .posted_by, .content_wrapper .content .post .post_meta .post_date, .content_wrapper .content .post .post_meta .post_category, .content_wrapper .content .post .post_meta .post_comment{
background:none;
padding-left:0;
}
.content_wrapper .content .post .post_meta li{
margin-right:0;
}
.content_wrapper .content .post .post_meta .post_category{
display:none;
}
.content_wrapper .content .post .post_meta .post_comment{
display:none;
}
.content_wrapper .content .post .post_meta a {
color: skyblue;
} 

Thanks & Regards
Gourav Shrivastava

 

Gourav,

Thank you for the quick reply. I followed your instructions, and the results that I got are in the attached photo below. This is not what I was looking for, is it possible to change the metadata to reflect the style of the headers in my first image?

Thanks for your continued help.

Sincerely,
Jessie

 

Hello,

Do let us know your website link.

Thanks & Regards
Gourav Shrivastava

 

Gourav,

Certainly! Here is a direct link to my blog page. http://www.jessicazimmer.com/journal/
Please let me know if I can be of further assistance.

Sincerely,
Jessie Zimmer

 

Hello,

We have checked your website and it is working fine, I think it is a cache issue, So please check your website in another browser and clear your system cache.This will solve your issue.

check image for reference




Thanks & Regards
Gourav Shrivastava

 

Gourav,

Thank you, it is displaying correctly. I have some follow-up questions, when you have a moment:

1) Rather than the metadata being in Paragraph font, can I change it to Header 5?

2) Is it possible to adjust the padding between the blog post title and the metadata?

3) I'd like to remove the separator between the metadata and the blog body completely.

Thank you!
Jessie

[www.jessicazimmer.com]

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content_wrapper .content .post .post_meta {
font-size: 15px;
color: black;
padding-top: 0;
}
 
h1.post_title {
margin-bottom: 0;
}
hr {
border: none;
}
 

Thanks & Regards
Gourav Shrivastava

 

Gourav,

The blog is looking great! Thank you. I have one final question, and then it shall be done.

Is it possible to have the header, metadata and bulk of the blog posts all line up? So that the left margin is even?

- Jessie

 

Hello,


Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content_wrapper .content .post .post_meta{
padding-left:8px;
}
.content_wrapper .content .post .post_content {
padding-left: 6px;
}
 

Adjust its value as per your requirements.

Thanks & Regards
Gourav Shrivastava

 

Gourav,

Everything looks fantastic! Thank you for all your hard work and assistance, I really appreciate it. I hope you have a wonderful week.

Best wishes,
Jessie