Docs

[duncs1981]

I’m confused how I setup a blog index page that matches the style of my website.

I’ve created a new page and then changed Settings > Reading > Front Page Display so that my new page is set as a static page for posts. The page I’m talking about is http://www.hungrysouls.com.au/blog-2

As soon as I set the page as a static page, I lose the ability to edit it in Cornerstone. So I can’t add new sections, change heading styles etc.

I don’t need drastic changes to the page, however what I would like to do is add the hero image at the top of the screen like on http://www.hungrysouls.com.au and then have the blog posts featured under that section. I’d also like to change the fonts and have a fixed section like under the search box on http://demo.theme.co/renew-2/blog/

Essentially my question is how do I style my blog index page like the Renew Demo Page Blog and also add a Hero Image at the top of the page? At the moment you’ll notice it looks terrible and my header navigation is white and therefore is invisible on the blog page.

[duncs1981]

Note I’m playing around with Slider Revolution to add a header image at the top of the page above the masthead. Is this the only way to add the image? If so, is there a way to turn off the masthead / heading that says ‘Hungry Souls Blog’?

In addition could you please answer my earlier question re changing fonts on the Blog Post Index page and advise how you add static content at the top of the right sidebar as you have done in the Renew Blog demo.

[Christopher]

Hi there,

Blog page is not editable, however you could add it using some php code.

Please follow this thread : https://community.theme.co/forums/topic/add-slider-to-blog-page/

Please add featured image to your posts and change ‘Style’ to ‘Standard’ layout under Customize -> Blog.

Hope it helps.

[duncs1981]

I’ve successfully added code to Functions.php which adds the slider image above the Blog Post Index page, however the slider does not appear on the individual blog posts themselves.

How can I add the same slider above all individual blog posts? I’ve tried a number of solutions outlined in the forums and none are working…most seem to be from 2015 or earlier.

[Rupok]

Hi there,

The code supposed to add the slider to home page only not for the single post. Let’s try updating the code to show it on single post as well :

// Adding a Slider in Blog Page and single posts
// =============================================================================

add_action('x_before_view_ethos__landmark-header', 'welcome_message');

function welcome_message() {
  if ( is_home() || is_single() ) {
    echo do_shortcode('[rev_slider alias="slider_alias"]');
  }
}

Let us know if that works for you.

[duncs1981]

Thanks Rupok, unfortunately same problem. It works on the blog post index page, but not the blog posts themselves.

I am using the Renew theme, so changed Ethos to Renew and have this code in my Functions.php file

<?php

// =============================================================================
// FUNCTIONS.PHP
// -----------------------------------------------------------------------------
// Overwrite or add your own custom functions to X in this file.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Enqueue Parent Stylesheet
//   02. Additional Functions
// =============================================================================

// Enqueue Parent Stylesheet
// =============================================================================

add_filter( 'x_enqueue_parent_stylesheet', '__return_true' );

// Additional Functions
// =============================================================================

// Adding a Slider in Blog Page and single posts
// =============================================================================

add_action('x_before_view_renew__landmark-header', 'welcome_message');

function welcome_message() {
  if ( is_home() || is_single() ) {
    echo do_shortcode('[rev_slider alias="BlogHeader1"]');
  }
}

[Lely]

Hi There,

I got this error the following error on this page: http://www.hungrysouls.com.au/hellofresh-australia-review/

Refused to display 'https://widgets.shopifyapps.com/embed/cart?eid=0&embed_type=cart&sticky=tru…ckground_color=transparent&r=http%3A%2F%2Fwww.hungrysouls.com.au%2Fblog%2F' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
https://widgets.shopifyapps.com/embed/cart?eid=0&embed_type=cart&sticky=tru…ckground_color=transparent&r=http%3A%2F%2Fwww.hungrysouls.com.au%2Fblog%2F Failed to load resource: the server responded with a status of 404 (Not Found)
widgets.shopifyapps.com/embed/cart_content?r=http%3A%2F%2Fwww.hungrysouls.c….au%2Fblog%2F&background_color=transparent&embed_type=cart_content&eid=1:1 Refused to display 'https://widgets.shopifyapps.com/embed/cart_content?r=http%3A%2F%2Fwww.hungr…om.au%2Fblog%2F&background_color=transparent&embed_type=cart_content&eid=1' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
https://widgets.shopifyapps.com/embed/cart_content?r=http%3A%2F%2Fwww.hungr…om.au%2Fblog%2F&background_color=transparent&embed_type=cart_content&eid=1 Failed to load resource: the server responded with a status of 404 (Not Found)

Then check again after that issue was fixed. If the issue still persists, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

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

[Author]

Posts