How to format Blog

[davidcwong]

Hi there, we use the Renew Theme, website has been live for a while - been happy with X/Cornerstone thus far.

Recently we tried to turn on our Blog, having some challenges formating the Blog.

The Blog (draft) link is at:- https://aglo.io/blog2a/

I have the following questions, and have included a screenshot of issues -

Screenshot.pptx

• How can i format the color of the Blog Article header text (item 1)
• How can i get rid of the Book icon (item 1)
• How can i format the color of the Read More link (item 2)
• I also noticed that when i create the Blog Post in Cornerstone as opposed to Wordpress, the Read More link does not automatically appear, is there a way to fix this? I have to manually enter the excerpt - i wish for it to be automatically generated (item 3)
• Finally how do i change the Page background colour? it’s white now, i wish to change to light grey

thanks for all your help!

[basanta]

Hi There,

Thanks for writing in!
Please find my answer to your every point below. I will provide some CSS, you can add those to theme option->global CSS

1- How can I format the color of the Blog Article header text (item 1)

.blog .entry-title a {
 color: #333;
}

Please use your color code in place of #333;

1- How can i get rid of the Book icon (item 1)

.blog .entry-title:before {
 display: none;
}

2-How can i format the color of the Read More link (item 2)

.blog .more-link {
 color: #333; /* change the color code you want*/
}

3- I also noticed that when i create the Blog Post in Cornerstone as opposed to Wordpress, the Read More link does not automatically appear, is there a way to fix this? I have to manually enter the excerpt - i wish for it to be automatically generated (item 3)

There is no other way, you have to add the excerpt text manually to show.

Finally how do i change the Page background colour? it’s white now, i wish to change to light grey

.blog .site {
background-color: #ececec;
}

Hope this helps!

[davidcwong]

Thanks for the tips, will try them out. Got another question - with each Blog Post, I want to show a Feature Image in the Blog Index page for each Post. However, when I set an Image for Feature Image, I noticed that aside from in the Blog Index, the Image is repeated at the top of the Blog Post - which I don’t want. Is there a way to not show the Feature Image at the start of the Blog Post?

[thai]

Hi There,

To hide the featured image in the single post, please add this custom CSS under X > Theme Options > CSS:

.single-post .entry-featured {
display: none;
}

Hope it helps

[davidcwong]

hi there,

i have applied the changes you suggested, so far, so good. the Blog index page is starting to look good now.

however, i still have the following issues, screenshot as below

Blog Changes

1. How do I change the font used in the Blog Title (Retail Insights)?
2. How do I remove the image next to the Blog Post? (the icon image next to Shopper Basket)
3. how do i hide the sidebar in the Blog Post?
4. I understand i can turn on the Blog Post Meta which will display author, date, category in Blog Index Page. I wish to only show the Author & Date, without showing the Category - how do i do this?

Thanks!
David

[paul.r]

Hi David,

1. You can add this in Theme Options > CSS

.blog .x-header-landmark .h-landmark span {
    font-family: "Lato",sans-serif;
}

2. Add this in Theme Options > CSS

.single-post .entry-title:before {
    display:none;
}

3. You can add the code below in your child theme’s functions.php file

/* REMOVE SIDEBAR ON POST */
function remove_sidebar_blog($layout){
    if(is_singular('post')){
        $layout = "full-width";
    }
    return $layout;
}

add_filter('x_option_x_layout_content', 'remove_sidebar_blog',999);

4. You can add the code below in your child theme’s functions.php file

function x_renew_entry_meta() {

    //
    // Author.
    //

    $author = sprintf( '<span>%s</span>',
      get_the_author()
    );


    //
    // Date.
    //

    $date = sprintf( '<span><time class="entry-date" datetime="%1$s">%2$s</time></span>',
      esc_attr( get_the_date( 'c' ) ),
      esc_html( get_the_date() )
    );



    //
    // Comments link.
    //

    if ( comments_open() ) {

      $title  = apply_filters( 'x_entry_meta_comments_title', get_the_title() );
      $link   = apply_filters( 'x_entry_meta_comments_link', get_comments_link() );
      $number = apply_filters( 'x_entry_meta_comments_number', get_comments_number() );


	  $text = ( 0 == $number ) ? __( 'Leave a Comment', '__x__' ) : sprintf( _n( '%s Comment', '%s Comments', $number, '__x__' ), $number );


	  $comments = sprintf( '<span><a href="%1$s" title="%2$s" class="meta-comments">%3$s</a></span>',
        esc_url( $link ),
        esc_attr( sprintf( __( 'Leave a comment on: &ldquo;%s&rdquo;', '__x__' ), $title ) ),
        $text
      );

    } else {

      $comments = '';

    }


    //
    // Output.
    //

    if ( x_does_not_need_entry_meta() ) {
      return;
    } else {
     if( x_is_portfolio_item() ) {
         printf( '<p class="p-meta">%s</p>',        
        $categories_list      
      );
     }   else {
      printf( '<p class="p-meta">%1$s%2$s%3$s</p>',
        $author,
        $date,      
        $comments
      );
     }
    }

  }

Hope that helps