Docs

[jtbtu]

We are currently using the integrity stack, but like the blog style of the agency demo, which appears to use the ethos stack. Is there a way to apply the ethos styling just to the blog/article pages?

I want to keep the top nav and other page styling the same as it is now with integrity.

I’m worried switching to ethos will cause a number of minor issues across other site pages.

[Joao]

Hi There,

Mixing stacks is not possible out of the box.

Please activate Ethos on Appereance Customizer Stacks and let us know what adjustments you would like to make.

I believe that would be easier.

Cheers.

On the other hand, if you are looking for a similar but not exactly the same layout of ethos blog we can adjust integrity.

With a few css lines we can have the feature image floating left with the text on the right.

Make your choice and we are here to help

Cheers

[jtbtu]

yes, I like the featured image on the left, but also the featured post carousel shown in the agency demo (http://demo.theme.co/agency/news/). I did not see that option with integrity…

[jtbtu]

I don’t even necessarily want the carousel function, just to have a singular featured article appear larger at the top, the most recent article

[jtbtu]

I guess maybe that’s the “slider,” rather than the carousel

[jtbtu]

essentially I just want the blog index to appear like it does in the agency demo. doesn’t even really have to have that slider at the top.

some of the articles in the demo have the image on the left, some the featured image is the full width… that’s really what I’m after. ideally the most recent article will have the full width featured image, then have most below with the image on the left, and have a few others with full width image sprinkled in there.

if that can be accomplished within the integrity stack, that would be ideal.

[Rue Nel]

Hello There,

Thanks for updating in! Please be advised that Agency demo is using Ethos stack. And ethos stack has a Post Carousel and Post Slider. These two is not available in any other stacks. To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[jtbtu]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! To have the featured images on the left and excerpts on the right side, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.blog .hentry.has-post-thumbnail .entry-featured {
    float: left;
    width: 30%;
}

.blog .hentry.has-post-thumbnail .entry-wrap{
    float: right;
    width: 68%;
    margin: 0;
}

.blog .hentry:first-child.has-post-thumbnail .entry-featured,
.blog .hentry:first-child.has-post-thumbnail .entry-wrap {
    float: none;
    width: 100%;
    margin: 0;
}

.blog footer.entry-footer.cf {
    display: block !important;
    clear: both;
    height: 0;
    visibility: hidden;
}

We would loved to know if this has work for you. Thank you.

[jtbtu]

that only addresses part of the problem — I still need to add a featured post/image above all the other posts, similarly to the agency demo. I understand that the slider/carousel are features unique to ethos, but surely there is a way to add a widget area or something above the index so that I can include recent post shortcode as a makeshift featured post.

[Joao]

Hi There,

I have compared your website with agency demo and found the post layout quite similar, would you mind providing more detailed information on what you are looking into improving?

Thanks

[jtbtu]

I’m referring specifically to the blog index page…

[Lely]

Hi There,

We can use Revolution Slider. Create a Post Based slider:https://www.themepunch.com/revslider-doc/post-based-slider/

Because this requires a template change to add the revslider on top of blog index page, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Add the following code on your child theme’s functions.php file.

// Adding a Slider in Blog Page
// =============================================================================

add_action('x_before_view_integrity__landmark-header', 'custom_blog_header');

function custom_blog_header() {
if ( is_home() ) {
echo do_shortcode('ADD REVSLIDER SHORTCODE HERE');
}
}

Hope this helps.

[Author]

Posts