Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Full Blog Masonry

    • 9 years, 4 months ago WernerEvers
      Participant

      Expired

      In Full Blog Masonry I would like to

      1. disable date and category displaying
      2. change the font size of the post headline

      Can you give me a CSS code for that?
      Many thanks

    • 9 years, 4 months ago WernerEvers
      Participant

      Expired

      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

    • 9 years, 4 months ago Kris
      Participant

      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!

    • 9 years, 4 months ago WernerEvers
      Participant

      Expired

      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.

      Full Blog Masonry

      There you can see what I want to change.

      Many thanks

    • 9 years, 4 months ago Kris
      Participant

      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!

    • 9 years, 4 months ago WernerEvers
      Participant

      Expired

      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 orange

      Looking forward
      Best regards

    • 9 years, 4 months ago Mirela
      Participant

      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!

    • 9 years, 4 months ago WernerEvers
      Participant

      Expired

      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

Viewing 7 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password