X Icon 3: Side Bar Questions

[MYto]

Hello!

I have four questions in regards the the side bar area for Icon 3.

1. I can’t seem to get more than one post to show using:
   [recent_posts count=”4″ orientation=”vertical”]

2. How am I able adjust the image size so that it fits into the side bar without the need to scroll? (see screen shot)
   

3. There is a little grey box between Recent Posts and the image. How do I remove it?

4. I would only like for the side bar to be visible on the front/home page. How would I be able to do that?

Thank you!

[Prasant]

Hello @MYto,

Thanks for writing in!

@MYto

1. I can’t seem to get more than one post to show using:

Please use following shortcode to show posts in sidebar:

[recent_posts count="4" orientation="vertical"]

@MYto

2. How am I able adjust the image size so that it fits into the side bar without the need to scroll? (see screen shot)

You can change the padding values. Please add following CSS under X > Theme Options > CSS:

.x-recent-posts .x-recent-posts-img {
    padding-bottom: 30.25%;
}

@MYto

3. There is a little grey box between Recent Posts and the image. How do I remove it?

I think you are referring to the border that’s there in between title and image. To remove that please add following CSS under X > Theme Options > CSS:

.x-recent-posts .x-recent-posts-content {
    border: none;
}

@MYto

4. I would only like for the side bar to be visible on the front/home page. How would I be able to do that?

.home .x-sidebar {
    display: block !important;
}

.x-sidebar{display: none;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[MYto]

Thank you for the answers.

Last thing regarding the Icon 3 and the side bar on the homepage:
When I try to edit the homepage in Cornerstone, the only thing that shows up is the content in the side bar (managed by widgets), but not the main body of the home page.

Is there a way to edit this page with Cornerstone?

Thank you again!

[nabeel]

Hi @MYto,

Pages that are created outside the Cornerstone are not editable in Cornerstone and vice versa. I checked your homepage and it’s not built with Cornerstone so you cannot edit it in Cornerstone. You can re-create a page from scratch in Cornerstone if you’d like to switch the editor.

Hope this helps!

[MYto]

Yes, thank you very much for the clarification!

[ruenel]

You are most welcome!

[MYto]

Hello again -
Since this is an additional question regarding the sidebar, I thought I would add it here…

This shortcode shows the most recent 4 posts:
[recent_posts count=“4” orientation=“vertical”]

Is there a shortcode to show one specific post, the sticky post or posts from a specific category?

Thank you!

[friech]

Hi @MYto,

Not with a specific post, but yes with a specific category.

e.g.

[recent_posts count="4" orientation="vertical" category="xyz"]

More details about recent posts shortcode here.

Cheers!

[MYto]

Thanks so much again!

[nabeel]

Glad we could help.

Cheers!