Organizing Post Page

I am struggling to make this page seem organized. Do you know of any plugins, or have any featured sites you could share with me that offer solutions? I would like to add category buttons at the very least. If you offer another plugin for this, I would pay.

Hi hjwallace,

I am not sure what you exactly mean by being more organized, but there are 2 choices which you do not need to pay a dime:

  1. Go to X > Theme Options > Blog and select the standard mode instead of the Masonry and see if it fits your needs
  2. Install the Essential Grid plugin by going to X > Validation and scroll down to see the plugin to install.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

Hello @hjwallace,

Thanks for updating the thread.

Another support staff here. Read your latest reply, then I took a look at the website and I am kind of confused. First, I don’t see icon in post header. If you want to increase the size of image on post index page then you can use following CSS under X > Theme Options > CSS:

.blog .entry-featured {
    width: 30%;
}

.blog .entry-header {
    width: 70%;
    float: left;
}

.blog .entry-content.excerpt {
    width: 70%;
    float: left;
    padding: 1em;
}

If that’s not the layout you are looking for then please share more details and if possible along with some screenshots for us to get better understanding of the requirement.

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

Hello There,

Thanks for updating in!

Please check out this article to get familiar with the forum and how to get support: https://theme.co/apex/forum/t/how-to-get-support/288

1.) Are you referring to this icon?

To change that, please add the following css code in your child theme’s style.css by going to Appearance > Editor

.entry-thumb:before {
    content:"\f004";
}

This is just an example code to display a different icon in your site. You can find the css rule from this site: https://fontawesome.bootstrapcheatsheets.com/

2.) And to change the layout to fullwidth with the same width of the custom categories section, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.blog .entry-wrap .x-container.max.width {
    width: 100%;
    max-width: calc(100% - 100px);
}

Hope this helps. Please let us know how it goes.

Hi @hjwallace,

With closed threads, I recommend opening a new one. It automatically closes after 10days without reply from the thread starter.

I re-opened this thread so let’s continue out the discussion here for now. Please provide your comments ad questions in your next reply :slight_smile:

Thanks!