-
-
In Full Blog Masonry I would like to
1. disable date and category displaying
2. change the font size of the post headlineCan you give me a CSS code for that?
Many thanks -
Sorry and I would like to
3. change hover color of the right arrow link
Would be great if you can help me
Many thanks -
Hello,
1. To disable date on blog go to General options > Blog config and disable the Show date at blog post button.
To not display the category on blog page, go to Apperance > Widgets > Sidebar blog and move the Categories from it see screenshot( just drag and drop the categories widget).
2. To change the font size of posts headline, go to General options > Blog styling and choose the font size you wish see screenshot.
3. Add this code to your custom CSS box to change the color of the arrow icon:.blog-article.grid-style .media .overlay .post_type_circle i:hover { color: #5f5f5f; }Change the color to your wish.
Let us know.Best regards!
-
Hi Kris,
many thanks for your feedback and help.
But sorry, could be wasn’t quit clear with my question.
Please have a look to this link.There you can see what I want to change.
Many thanks
-
Hello,
Sorry! I thought you wanted to change those settings on blog page(posts page).
1. To disable date and category displaying add this code to your page CSS box:.blog-article.grid-style .info li { display: none; }2. To change the font size of the post headline add this code to page CSS box:
.blog-article.grid-style .content h1 { font-size: 16px; }3. You can add the code i gave you previously to change the hover color of the arrow icon.
Let us know.Best regards!
-
Great, that works. 2 more things please.
Check this screenshot.
1. I would like to minimize the padding
2. is the number 3 from above. I would like to change this blue to orangeLooking forward
Best regards -
Hello,
1-Do you mean to slim down the arrow block? In this case add this code into your custom css box:
.blog-article.grid-style .content .link_grid { width: 5% !important; }Edit the width to your wish (this element doe snot have padding).
2-Orange is the default color of theme. In the previous code we gave you, the color is changed in order for you to see the deference (also because you required to change it). So all you have to do is, find this code in your custom css box:
.blog-article.grid-style .media .overlay .post_type_circle i:hover { color: #5f5f5f; }and change the color to your wish.
Best regards!
-
Many thanks for your help.
I found all my answers by myself at the style.css file.
If you like see the codes I needed:.blog-article.grid-style .content h1 {
font-size: 18px !important;
}
.blog-article.grid-style .content .intro{
padding-top:15px !important;
}
.blog-article.grid-style .content .link_grid:hover{
background:#fa9d1a !important;
}Now it works and I’m happy
Best regards
-
You must be logged in to reply to this topic.